微信小程序:用户微信登录流程(附:流程图)
2023-02-16 本文已影响0人
扶得一人醉如苏沐晨
image.png
1.使用微信小程序登录的wx.login()方法
在微信小程序页面或图像加载完成后即在onload()方法里调用wx.login()方法获取用户code。
wx.login({
success (res) {
if (res.code) {
//发起网络请求
wx.request({
url: 'https://example.com/onLogin',
//上述url地址为后端提供的微信地址,用于前端将code传入后端时所用。
data: {
code: res.code
//res.code为通过wx.login拿到的code,code字段由后端定义,具体要求由后端规定
}
})
} else {
console.log('登录失败!' + res.errMsg)
}
}
})
2.后端使用登录凭证换取session_key和openid
当后端同学拿到code之后,将code和AppID+AppSecret对接微信接口服务换取session_key和openid和后端生成的token传回前端。AppID和AppSecret相当于微信小程序的身份证,
获取方法:登录微信小程序的管理系统——>开发管理——>开发设置。如图所示:
image.png
image.png
3、前端处理session_key、openid和token
前端拿到session_key、openid和token之后将session_key、openid和token存入缓存,再微信小程序后续的接口请求都带上token进行请求。
这里需要开发者进一步封装wx.request请求