通过利用微信JS-SDK,网页开拓者可借助微信高效地利用拍照、选图、语音、位置等手机系统的能力 同时可以直策应用微信给享、扫一扫、支付等微信特有的能力 ,为微信用户供应更优质的网页体验。

此文档面向网页开拓者先容微信JS-SDK如何利用及干系把稳事变。

朋友圈分享实例

phpjssdk录音下载纯干货把PHP微信jsSDK与web开辟对象应用课件借来了 Docker

绑定开拓者账号

开拓者微旗子暗记可在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}

&timestamp={$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,翻译过程可能有个别缺点。
请监督。

看完不要跑记得出来吐吐槽!
╰( ̄▽ ̄)╮