通过利用微信JS-SDK,网页开拓者可借助微信高效地利用拍照、选图、语音、位置等手机系统的能力 同时可以直策应用微信给享、扫一扫、支付等微信特有的能力 ,为微信用户供应更优质的网页体验。
此文档面向网页开拓者先容微信JS-SDK如何利用及干系把稳事变。
朋友圈分享实例绑定开拓者账号
开拓者微旗子暗记可在web开拓者工具中进行本公众号的开拓和调试最多可以绑定10个
下载web开拓工具下载地址:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140&token=&lang=zh_CN
安装成功公众年夜众号绑定域名先登录微信"大众平台进入“"大众年夜众号设置”的“功能设置”里填写“JS接口安全域名”。
测试账号绑定域名
步骤2:号入JS文件在须要调用JS接口的页面号入如下JS文件 (支持https):http://res.wx.qq.com/open/js/jweixin-1.0.0.js
步骤3:验证配置
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '', // 必填,"大众年夜众号的唯一标识
timestamp: , // 必填,天生署名的韶光戳
nonceStr: '', // 必填,天生署名的随机串
signature: '',// 必填,署名,见附录1
jsApiList: [] // 必填,须要利用的JS接口列表所有JS接口列表见附录
2
});
configfT需参数signature算法
署名生成规则如下:参与署名的宇段包括noncestr(随机宇符串,可以自定义), 有效的jsapi_ticket(通过接口调用), timestamp(韶光戳), url(当前网页的URL 不包含#及其后面部分)
得到jsapi_ticket$url = 'https://api.weixin.qq.com/cgi-bin/ticket/getticket? access_token='.$token.'&type=jsapi';
$data = Curl::get($url);
$data = json_decode($data,true); echo $data['ticket'];
得到nonceStr//随机字符串自己定义
$noncestr = substr(md5(microtime()), 0,20);
得到signature//得到signature
$time = time();
//获得当前地址
$url = 'http://' . $_SERVER['HTTP_HOST'] . str_replace('\\', '/',
$_SERVER['REQUEST_URI']);
$str = “jsapi_ticket={$ticket}&noncestr={$noncestr}
×tamp={$time}&url={$url}\"大众;
//sha1加密
$signature = sha1($str);
步骤4:通过READY处理成功验通过ready接口处理成功验证
wx.ready(function(){
// config信息验证后会实行ready方法,所有接口调用都必须在config接口,得到结果之后,config是一个客户真个异步操作,以是如果须要在页面加载时就调用干系接口 ,则须把干系接口放在ready函数中调用来确保精确实行。对付用户触发时才调用的接口,则可以直接调用,不须要放在ready函数中。
});
步骤5:分享到朋友圈获取“给享到朋友圈”按钮点击状态及自定义给享内容接口
wx.onMenuShareTimeline({ title: '', // 分享标题
link: '', // 分享链接
imgUrl: '', // 分享图标
success: function () {
// 用户确认给享后实行的回调函数
},
cancel: function () {
// 用户取消给享后实行的回调函数
}
});
本文章视频链接地址:http://blog.sina.com.cn/s/blog_1671244030102wxpm.html
更多精彩内容请关注 ---- 微信"大众年夜众号:houdunit
由于文件是PDF,翻译过程可能有个别缺点。请监督。
看完不要跑记得出来吐吐槽!
╰( ̄▽ ̄)╮