重要的事情说三遍：微信登录能力优化；微信登录能力优化；微信登录能力优化
昨天(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）
在这之前可以先看一下微信的官方文档，了解一下逻辑结构：微信官方文档
