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

时间:2024-03-08 13:50:02

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


1.首先要有自己的订阅号,在公众号设置-功能设置-js接口安全域名
    根据提示下载所需的验证文件放置到网站根目录,确保能访问
    填写需要开发js功能的域名地址(一级、二级)都行,如果不同文件夹需要放置多份验证文件
    设置完成

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

 设置服务器验证代码php

$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;
}

  调试接口设置成功!

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开发者工具
以上只是一些基本的配置,慢慢学习中。。。