Thinkphp 微信公众号开发4-jssdk部署

Thinkphp 微信公众号开发4-jssdk[v1.6]部署

微信官方开发文档传送门

官方提供的方式

1.6版本jssdk接口清单

/*分享相关接口*/
wx.updateAppMessageShareData	//“分享给朋友”及“分享到QQ”
wx.updateTimelineShareData		//“分享到朋友圈”及“分享到QQ空间”
wx.onMenuShareWeibo				//“分享到腾讯微博”

/*图片相关接口*/
wx.chooseImage					//拍照或从手机相册中选图接口
wx.previewImage					//预览图片接口
wx.uploadImage					//上传图片接口
wx.downloadImage				//下载图片接口
wx.getLocalImgData				//获取本地图片接口

/*音频相关接口*/
wx.startRecord					//开始录音接口
wx.stopRecord					//停止录音接口
wx.onVoiceRecordEnd				//监听录音自动停止接口
wx.playVoice					//播放语音接口
wx.pauseVoice					//暂停播放接口
wx.stopVoice					//停止播放接口
wx.onVoicePlayEnd				//监听语音播放完毕接口
wx.uploadVoice					//上传语音接口
wx.downloadVoice				//下载语音接口
/*智能接口*/
wx.translateVoice				//识别音频并返回识别结果接口
/*设备信息*/
wx.getNetworkType				//获取网络状态接口
/*地理位置*/
wx.openLocation					//使用微信内置地图查看位置接口
wx.getLocation					//获取地理位置接口
/*摇一摇周边*/
wx.startSearchBeacons			//开启查找周边ibeacon设备接口
wx.stopSearchBeacons			//关闭查找周边ibeacon设备接口
wx.onSearchBeacons				//监听周边ibeacon设备接口
/*界面操作*/
wx.closeWindow					//关闭当前网页窗口接口
wx.hideMenuItems				//批量隐藏功能按钮接口
wx.showMenuItems				//批量显示功能按钮接口
wx.hideAllNonBaseMenuItem		//隐藏所有非基础按钮接口
wx.showAllNonBaseMenuItem		//显示所有功能按钮接口
/*微信扫一扫*/
wx.scanQRCode					//调起微信扫一扫接口
/*微信小店*/
wx.openProductSpecificView		//跳转微信商品页接口
wx.chooseCard					//拉取适用卡券列表并获取用户选择信息
wx.addCard						//批量添加卡券接口
wx.openCard						//查看微信卡包中的卡券接口
/*微信支付*/
wx.chooseWXPay					//发起一个微信支付请求
/*快速输入*/
wx.openAddress					//共享收货地址接口

页面所需参数

php部分

require_once "jssdk.php";
$jssdk = new JSSDK("yourAppID", "yourAppSecret");//填写好自己公众号的Appid跟AppSecert
$signPackage = $jssdk->GetSignPackage();

js部分

<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script>
  /*
   * 注意：
   * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
   * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
   * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
   *
   * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
   * 邮箱地址：weixin-open@qq.com
   * 邮件主题：【微信JS-SDK反馈】具体问题
   * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
   */
  wx.config({
    debug: true,
    appId: '<?php echo $signPackage["appId"];?>',
    timestamp: <?php echo $signPackage["timestamp"];?>,
    nonceStr: '<?php echo $signPackage["nonceStr"];?>',
    signature: '<?php echo $signPackage["signature"];?>',
    jsApiList: [
      // 所有要调用的 API 都要加到这个列表中
      // 请按照需求将上方接口清单添加至此
      // 请按照以下格式进行新增（请把接口名wx.去除）
	  'checkJsApi',
	  'updateAppMessageShareData',
	  'updateTimelineShareData',
	  'onMenuShareWeibo',
    ]
  });
  wx.ready(function () {
    // 在这里调用 API
    // 请按照需求将上方接口清单添加至此	
    var shareData = {
            title: '标题',
            desc: '描述',
            link: '网址',
            imgUrl: 'Logo图片',
        };
	    wx.updateAppMessageShareData(shareData);//“分享给朋友”及“分享到QQ”
	    wx.updateTimelineShareData(shareData);//“分享到朋友圈”及“分享到QQ空间”
	    wx.onMenuShareWeibo(shareData);//“分享到朋友圈”及“分享到QQ空间”
  });
</script>

不同语言所需文件清单

PHP

jssdk.php
jsapi_ticket.php
access_token.php

java

sign.java

node

check_sign.js
package.json
sign.js
node_modules

jssha

.npmignore
bower.json
CHANGELOG
LICENSE
package.json
README.md

src

sha.js

python

sign.py