微信jssdk使用流程

本篇适合从没有接触过微信 jssdk 的同学

旧的分享代码

在经历了一段时间普通用户的鬼哭狼嚎后（微信的分享突然不能用了），微信终于推出了正式的 jssdk，再重新贴一下旧的微信的分享代码

//给微信设置分享文案
var onBridgeReady = function () {
  var appId = '';
  // 发送给好友;
  WeixinJSBridge.on('menu:share:appmessage', function (argv) {
    var imgUrl = sharePic;
    var link = shareUrl;
    var title = shareTitle;
    var shareDesc = shareTxt;
    WeixinJSBridge.invoke(
      'sendAppMessage',
      {
        img_url: imgUrl,
        img_width: '640',
        img_height: '640',
        link: link,
        desc: shareDesc,
        title: title,
      },
      function (res) {
        //分享成功后回调函数
      }
    );
  });
  // 分享到朋友圈;
  WeixinJSBridge.on('menu:share:timeline', function (argv) {
    var imgUrl = sharePic;
    var link = shareUrl;
    var title = shareTitle;
    var shareDesc = shareTxt;
    WeixinJSBridge.invoke(
      'shareTimeline',
      {
        img_url: imgUrl,
        img_width: '640',
        img_height: '640',
        link: link,
        desc: shareDesc,
        title: shareDesc,
      },
      function (res) {
        //分享成功后回调函数
      }
    );
  });
};
if (document.addEventListener) {
  document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
} else if (document.attachEvent) {
  document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
  document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
}

微信发布了新的 jssdk 后，官方宣称的是大家以后都只能用新的代码了，可是经过测试，上面这一段旧的代码还是可以用的，只要你的页面所在的域名是在微信的“白名单”内，如果加上以上代码后可以正常分享，那么就证明你的域名是在微信的白名单内

新的 jssdk 使用方法

微信 JS-SDK 说明文档

新的方式比之前的方式复杂一些，如果你想要你的页面可以在微信内分享，必须满足以下条件：
<!–swig3–>

在上述介绍的 jssdk 运作流程中，2、3、4 步骤其实都是直接放在后台实现的，这也是为什么我说需要后台服务的缘故，具体的后台代码 demo 微信文档里面已经给出了，下面贴一个链接：
http://demo.open.weixin.qq.com/jssdk/sample.zip

WARNING

备注：链接中包含 php、java、nodejs 以及 python 的示例代码供第三方参考，第三方切记要对获取的 accesstoken 以及 jsapi_ticket 进行缓存以确保不会触发频率限制，另外注意生成的签名有效时间为 2 小时，2 小时后就要重新生成

（四）使用 jssdk

配置的代码如下：

wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: '', // 必填，公众号的唯一标识
    timestamp: , // 必填，生成签名的时间戳
    nonceStr: '', // 必填，生成签名的随机串
    signature: '',// 必填，签名，见附录1
    jsApiList: [] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});

jsApiList 请大家直接在微信 JS-SDK 说明文档里面找到对应的使用方法即可，这里就不再赘述