不经过悉心栽培,花儿开不出鲜艳的花朵;不经过时间的历练,幼苗长不成参天大树。

在thinkphp中集成微信JS-SDK示例代码(非常详细)

php 建伟 7215℃ 0评论

1.这里使用的环境是thinkphp5.0.7

2.登录微信公众号后台设置JS安全域名,这一步不多说

3.下载JS-SDK官方demo

·地址:http://demo.open.weixin.qq.com/jssdk/sample.zip

下载后解压出来php版本,如下图所示:

 

 

 

 

 

 

4.开始动工

在你的tp5框架的的第三方接口扩展目录下(我这里是extend)里面建立文件夹,命名为org(为了标准),把这4个文件复制进去,不要忘记设置命名空间,如下图所示

 

 

 

 

 

 

 

 

 

 

 

 

因为tp路由的关系,所以我们要对JSSDK.php的内容进行改写。定义path私有属性,改写路径。代码如下

 

 

 

 

 

 

 

 

 

 

 

 

5.开始调用

完成上述操作之后,我们已经成功的将微信jssdk部署到我们的项目中。下面只需要在你的合适得控制器中调用即可,一般在基类中调用

 

 

 

 

 

最后在你的view视图中这样子调用,前提不要忘了引入weixinJS

wx.config({
   debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
   appId: '{fy_$signPackage.appId}', // 必填,公众号的唯一标识
   timestamp: '{fy_$signPackage.timestamp}', // 必填,生成签名的时间戳
   nonceStr: '{fy_$signPackage.nonceStr}', // 必填,生成签名的随机串
   signature: '{fy_$signPackage.signature}',// 必填,签名,见附录1
   jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});
wx.ready(function(){
   wx.ready(function () {
      // 1 判断当前版本是否支持指定 JS 接口,支持批量判断
      wx.checkJsApi({
         jsApiList: [
            'onMenuShareTimeline',
            'onMenuShareAppMessage'
         ],
      });
      var shareData = {
         title: '测试标题',
         desc: '测试描述',
         link: 'http://baidu.com',
         imgUrl: '/uploads/20161207/5848184c8ec68.jpg',
      };
      wx.onMenuShareAppMessage(shareData);
      wx.onMenuShareTimeline(shareData);
   });
})

 

转载请注明:Li Jianwei's Blog » 在thinkphp中集成微信JS-SDK示例代码(非常详细)

喜欢 (3)or分享 (0)
web技术交流群
22765697