一、获取微信小程序登录相关信息
在进行微信小程序登录功能实现之前，我们首先要了解微信小程序提供的相关API和参数。
微信小程序提供了wx.login()API用于获取登录凭证(code)，该函数调用时会向微信服务器请求一个code，开发者需要将所获取的code发送到自己的服务器上进行处理。
微信服务器返回的code有效期为5分钟，一个code只能用于一次登录验证，开发者需要对code进行处理，同时需要处理异常情况。
代码示例：
wx.login({
success: function (res) {
if (res.code) {
//发起网络请求
wx.request({
url: 'https://test.com/onLogin',
data: {
code: res.code
}
})
} else {
console.log('登录失败！' + res.errMsg)
}
}
});
二、将Code发送到自己的服务器进行处理
我们可以在我们自己的服务器端，使用微信提供的API，通过code值获取session_key和openid。这里需要注意的是session_key和openid是一一对应的，而且相对应的session_key是有时效性的，在获取完session_key之后需要将其保存到本地，以便后续接口进行使用。
代码示例：
app.getUserInfo = function (cb) {
var that = this;
if (this.globalData.userInfo) {
typeof cb == "function" && cb(this.globalData.userInfo)
} else {
//调用登录接口
wx.login({
success: function () {
wx.getUserInfo({
success: function (res) {
that.globalData.userInfo = res.userInfo
typeof cb == "function" && cb(that.globalData.userInfo)
}
})
}
})
}
}
三、将Openid返回给小程序前端进行保存
在处理完session_key和openid之后，需要将openid返回给小程序前端进行保存，以便后面其他接口使用。为了安全起见，需要将openid加密后返回，以增加系统的安全性，保证用户信息的安全性。
整个登录过程中需要做好异常处理，例如网络请求失败、session_key过期等情况。
代码示例：
wx.request({
url: 'https://test.com/onLogin',
data: {
code: res.code
},
success: function (res) {
console.log(res.data)
if (res.statusCode === 200) {
//成功
} else {
//失败
}
},
fail: function () {
console.log('网络请求失败');
}
})
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/245356.html
微信扫一扫 
支付宝扫一扫 