微信授权流程回顾

19 min read

JSSDK调用流程

  • 公众号后台绑定域名
  • 引入JSSDK文件
  • 通过config接口注入权限验证配置
  • 通过ready接口处理成功验证

公众号后台准备

  • 获取开发者ID (appid)
  • 获取开发者官网(AppSecert)
  • 设置IP白名单设置: 主机固定IP地址
  • 设置开发者帐号
  • 设置JS 安全域名: JSSDK调用
  • 设置网页授权域名: 获取用户的基础信息

微信分享的前端封装

安装sdk

npm install weixin-js-sdk

通用分享功能封装

export default {
  //获取浏览器地址栏参数值
  getUrlParam(name){
    let reg = new RegExp('(^|&)'+name+'=([^&]*)');
    let r = window.location.search.substr(1).match(reg);
    if(r!=null)return decodeURIComponent(r[2]);
  },
  initShareInfo(wx){
    let shareInfo = {
      title: 'x', // 分享标题
      desc: 'x', // 分享描述
      link: 'x', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
      imgUrl: 'x', // 分享图标
    }
    wx.onMenuShareAppMessage(shareInfo);
    wx.onMenuShareTimeline(shareInfo);
    wx.onMenuShareQQ(shareInfo);
    wx.onMenuShareQZone(shareInfo);

    // wx.updateAppMessageShareData(shareInfo);
    // wx.updateTimelineShareData(shareInfo);
  }
}