wxjssdk

置顶 | 发表于 | | 阅读次数:
字数统计: 677 | 阅读时长 ≈ 2

—官方介绍
微信JS-SDK 是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。
通过使用微信JS-SDK ,页面开发者可借助微信高效地使用拍照，选图，语音，位置等手机系统功能，同时也可以直接使用微信分享，扫一扫，卡卷，支付等等
特有的能力，为微信用户提供更优质的页面体验

绑定域名 引入js文件

js地址（支持https） http://res.wx.qq.com/open/js/jweixin-1.0.0.js
如果页面使用了 https加密服务就必须 引入加密地址

通过config 接口注入权限验证配置 调用使用接口

wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: '', // 必填，公众号的唯一标识
    timestamp: , // 必填，生成签名的时间戳
    nonceStr: '', // 必填，生成签名的随机串
    signature: '',// 必填，签名，见附录1
    jsApiList: [] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});
wx.ready(function(){
    wx.onMenuShareTimeline({
        title: '', // 分享标题
        link: '', // 分享链接
        imgUrl: '', // 分享图标
        success: function () { 
            // 用户确认分享后执行的回调函数
        },
        cancel: function () { 
            // 用户取消分享后执行的回调函数
        }
    });
    // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
});

后台部分 js-SDK 使用权限签名算法

jsapi_ticket 是公众号用于调用微信js接口的临时票据。正常情况下 jsapi_ticket的有效期为7200秒
使用get方式请求获得jsapi_ticket https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi
成功返回的json

"errcode":0,
"errmsg":"ok",
"ticket":"bxLdikRXVbTPdHSM05e5u5sUoXNKd8-41ZO3MhKoyN5OfkWITDGgnr2fwJ0m9E8NYzWKVZvdVtaUgWvsdshFKA",
"expires_in":7200

获得jsapi_ticket 之后就可生成JS_SDK权限验证签名了
签名算法生成规则：参与签名的字段包括noncestr（随机字符串），有效的jsapi_ticket,timestamp(时间戳)
url（当前的url，不包含#及后面部分）对于签名参数按照字段名ASCII吗从小到大排列 url键值对格式
官方示例 ：
jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg&noncestr=Wm3WZYTPz0wzccnW&timestamp=1414587457&url=http://mp.weixin.qq.com?params=value