微信开发公众号 JS-SDK

微信官网

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

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

通过 ready 接口处理成功验证

config 信息验证后会执行 ready 方法，所有接口调用都必须在 config 接口获得结果之后，config 是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在 ready 函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在 ready 函数中。

wx.ready(function () {
        //分享给微信好友或QQ好友
        wx.updateAppMessageShareData({
          title: configInfo.name,
          desc: configInfo.description,
          link: window.location.href,
          imgUrl: 'url',
          success: function () { }
        });
        //deprecated
        wx.onMenuShareAppMessage({
          title: configInfo.name,
          desc: configInfo.description,
          link: window.location.href,
          imgUrl: 'url',
          success: function () {
            // 用户点击了分享后执行的回调函数
          }
        });
        //分享到朋友圈或QQ空间
        wx.updateTimelineShareData({
          title: configInfo.name,
          link: window.location.href,
          imgUrl: 'url',
          success: function () { }
        });
        wx.onMenuShareTimeline({
          title: configInfo.name,
          link: window.location.href,
          imgUrl: 'url',
          success: function () { }
        })
        //分享到微博
        wx.onMenuShareWeibo({
          title: configInfo.name,
          desc: configInfo.description,
          link: window.location.url,
          imgUrl: configInfo.imgUrl,
          success: function () { },
          cancel: function () { }
        });
      });

通过 error 接口处理失败验证

config 信息验证失败会执行 error 函数，如签名过期导致验证失败，具体错误信息可以打开 config 的 debug 模式查看，也可以在返回的 res 参数中查看，对于 SPA 可以在这里更新签名。

wx.error(function(res){ });

基础接口调用

wx.chooseImage({
        count: 1, // 默认9
        sizeType: ['original', 'compressed'],
        sourceType: ['album', 'camera'],
        success: function (res) {
          that.isUploading = true;
          that.isIndex = false;
          that.getLocalData(res.localIds.shift());
        }
      });

H5 模板开发流程：

功能页面配置样式传递给模板页面 > 根据配置功能提交给后台（传回 id）> 将 id 拼接成 url > 传给后台形成二维码 > 用户微信扫描使用（其中数据获取通过最开始的 id 请求）