微信js sdk使用说明

1申请微信公众号

2登陆公众号，选择“开发者中心”。获得AppId和AppSecret。

3获取token：
https://mp.weixin.qq.com/debug/cgi-bin/apiinfo?t=index&type=%E5%9F%BA%E7%A1%80%E6%94%AF%E6%8C%81&form=%E8%8E%B7%E5%8F%96access_token%E6%8E%A5%E5%8F%A3%20/token
4获取ticket,将ACCESS_TOKEN提换为3步中获取的token即可。
https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi
结果：

{"errcode":0,"errmsg":"ok","ticket":"sM4AOVdWfPE4DxkXGEs8VGgi5hUCtGDaTwz5zIgp21FzcWNwnbXfxFN8kufmSlBe8p_1t_THm1TnlOZwKl7vRQ","expires_in":7200}

5生成签名：
http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign
填写规则：

jsapi_ticket：步骤四获取的ticket。

noncestr：wx中填写的内容

timestamp：wx中填写的内容

[b]url：调用js的URL
[/b]



[b]比如最后生成的签名是：[b]b496d2ab3354bae79039d93d7aa3954d594e1514[/b][/b]



[b][b]那么在掉用的网页中应配置为：[/b][/b]

[b]<script>

  wx.config({

      debug: true,

      appId: 'wx3655f0b4f638c377',

      timestamp: 1420774989,

      nonceStr: '2nDgiWM7gCxhL8v0',

      signature: 'b496d2ab3354bae79039d93d7aa3954d594e1514',

      jsApiList: [

        'checkJsApi',

        'onMenuShareTimeline',

        'onMenuShareAppMessage',

        'onMenuShareQQ',

        'onMenuShareWeibo',

        'hideMenuItems',

        'showMenuItems',

        'hideAllNonBaseMenuItem',

        'showAllNonBaseMenuItem',

        'translateVoice',

        'startRecord',

        'stopRecord',

        'onRecordEnd',

        'playVoice',

        'pauseVoice',

        'stopVoice',

        'uploadVoice',

        'downloadVoice',

        'chooseImage',

        'previewImage',

        'uploadImage',

        'downloadImage',

        'getNetworkType',

        'openLocation',

        'getLocation',

        'hideOptionMenu',

        'showOptionMenu',

        'closeWindow',

        'scanQRCode',

        'chooseWXPay',

        'openProductSpecificView',

        'addCard',

        'chooseCard',

        'openCard'

      ]

  });

</script>
[/b]





[b]微信js
sdk开发参考文档：[/b]

[b]http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html[/b]



[b]微信公众平台开发：[/b]

[b]http://www.cnblogs.com/txw1958/p/wechat-tutorial.html
[/b]