获取小程序的openid与unionid

重要的事情说三遍：微信登录能力优化；微信登录能力优化；微信登录能力优化

昨天(4.24)下午微信发布了文章 微信登录能力优化，此篇文章内的登录处理已经不合适了，有空再改，先参考前半句的官方文档。

需要发布的小程序基本都要用到openid，这里保存一下自己的代码。
一种是不需要服务器的，通过微信提供的接口简单获取openid；一种是有服务器的情况下，获取openid和一些加密的信息，如unionid。

简单获取openid

经大家吐槽，了解之后，这里说明一下，这里的简单获取，是指调试的时候可以使用，正常的情况应该是通过服务器来获取

wx.login({
  success: function (res) {
    var code = res.code; // 复制给变量就可以打印了，醉了
    if (res.code) {
      wx.getUserInfo({
        success: function (res) {
          // userInfo 只存储个人的基础数据
          wx.setStorageSync('userInfo', res.userInfo);

          // 只获取openid的话，自己就可以
          that.getOpenid(code);
        }
      })
    } else {
      console.log('获取用户登录态失败！' + res.errMsg)
    }
  }
})

  // 自己获取openid和session_key
  // 微信提供的接口，其中appid和secret都是放在globalData中的
  getOpenid: function (code) {
    var that = this;
    wx.request({
      url: 'https://api.weixin.qq.com/sns/jscode2session?appid=' + that.globalData.appid + '&secret=' + that.globalData.secret + '&js_code=' + code + '&grant_type=authorization_code',
      data: {},
      method: 'GET',
      success: function (res) {
        var obj = {};
        obj.openid = res.data.openid;
        obj.expires_in = Date.now() + res.data.expires_in;
        obj.session_key = res.data.session_key; 
        wx.setStorageSync('openid', obj.openid);// 存储openid  
      }
    });
  },

通过服务器获取openid和unionid

wx.login({
  success: function (res) {
    var code = res.code; // 复制给变量就可以打印了，醉了
    if (res.code) {
      wx.getUserInfo({
        success: function (res) {
          // userInfo 只存储个人的基础数据
          wx.setStorageSync('userInfo', res.userInfo);

        // 请求自己的服务器，解密用户信息 获取unionId等加密信息
        wx.request({
          url: url.host + '/decodeUserInfo',//自己的服务接口地址
          method: 'POST',
          header: {
          'content-type': 'application/x-www-form-urlencoded'
          },
          data: {
          encryptedData: res.encryptedData,
          iv: res.iv,
          code: code,
          },
          success: function (data) {
            //4.解密成功后 获取自己服务器返回的结果
            if (data.data.code == 200) {
              console.log('解密成功');
              var encryptInfo = data.data.data;
                    
              wx.setStorageSync('openid', encryptInfo.openId); // 单独存储openid
              wx.setStorageSync('encryptInfo', encryptInfo); // 存储解密之后的数据
            } else {
              console.log('解密失败')
            }
          } 
        },
        fail: function (res) {
          console.log(res);
          console.log('请求错误')
        }
      })
    } else {
      console.log('获取用户登录态失败！' + res.errMsg)
    }
  }
})

最后，可以把这个方法给暴露出来，让其他界面调用

  // 给其他界面调用，用来获取用户信息，防止没有获取成功
  getUserInfo: function () {
    var that = this
    var userInfo = wx.getStorageSync('userInfo') || {};
    var openid = wx.getStorageSync('openid') || null;
    if (!userInfo.nickName || !openid) {
      that.getData();  // 将wx.login({}) 方法放入其中
    }
  },

其实获取unionid的方法主要在后台实现，需要根据微信提供的方法去解密，具体的解密文档可以参考以下内容: 微信小程序获取用户openid 与 微信小程序联盟：微信小程序之获取并解密用户数据（获取openId、unionId）

在这之前可以先看一下微信的官方文档，了解一下逻辑结构：微信官方文档