微信测试公众号-jssdk基本配置和使用-thinkphp

时间 2019-11-20

标签微信测试公众号 jssdk 基本配置使用 thinkphp 栏目 PHP 繁體版

原文原文链接

微信公众平台测试号管理，在你没有企业或想开发测试高级功能时使用。
必备条件：订阅号或公众号、外网能访问的且已备案的域名地址php

1.首先要有本身的订阅号，在公众号设置-功能设置-js接口安全域名
根据提示下载所需的验证文件放置到网站根目录，确保能访问
填写须要开发js功能的域名地址（一级、二级）都行，若是不一样文件夹须要放置多份验证文件
设置完成

2.测试公众号设置
网址：https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login
基本设置html

设置服务器验证代码phpweb

$nonce     = $_GET['nonce'];
$token     = '本身设置';
$timestamp = $_GET['timestamp'];
$echostr   = $_GET['echostr'];
$signature = $_GET['signature'];
//造成数组，而后按字典序排序
$array = array();
$array = array($nonce, $timestamp, $token);
sort($array);
//拼接成字符串,sha1加密 ，而后与signature进行校验
$str = sha1( implode( $array ) );
if( $str == $signature && $echostr ){
       //第一次接入weixin api接口的时候
       echo  $echostr;
       exit;
}

　　调试接口设置成功！api

3.jssdk设置调试数组

控制器代码　安全

import("Org.Util.Jssdk");
$jssdk=new\Jssdk('',''); 
$signPackage = $jssdk->GetSignPackage();
$this->signPackage = $signPackage;
$this->display();

当前html页面引入 <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
配置微信参数服务器

wx.config({    
debug: true,    
appId: '{$signPackage.appId}',
                timestamp: {$signPackage.timestamp},
                nonceStr: '{$signPackage.nonceStr}',
                signature: '{$signPackage.signature}',
                
jsApiList: [    
'checkJsApi',    
'onMenuShareTimeline',    
'onMenuShareAppMessage',    
'onMenuShareQQ',    
'onMenuShareWeibo',    
'hideMenuItems',    
'showMenuItems',    
'hideAllNonBaseMenuItem',    
'showAllNonBaseMenuItem',    
'translateVoice',    
'startRecord',    
'stopRecord',    
'onRecordEnd',    
'playVoice',    
'pauseVoice',    
'stopVoice',    
'uploadVoice',    
'downloadVoice',    
'chooseImage',    
'previewImage',    
'uploadImage',    
'downloadImage',    
'getNetworkType',    
'openLocation',    
'getLocation',    
'hideOptionMenu',    
'showOptionMenu',    
'closeWindow',    
'scanQRCode',    
'chooseWXPay',    
'openProductSpecificView',    
'addCard',    
'chooseCard',    
'openCard'    
]    
});

View Code

微信js中全部功能参照 https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 开发。
调试方即可以从公众号后台下载微信web开发者工具
以上只是一些基本的配置，慢慢学习中。。。微信