微信小程序登录对接Django后端实现JWT方式验证登录详解
1星 78 浏览量
2020-10-16
15:30:05
上传
评论
收藏 59KB PDF 举报 
微信小程序登录对接微信小程序登录对接Django后端实现后端实现JWT方式验证登录详解方式验证登录详解
主要介绍了微信小程序登录对接Django后端实现JWT方式验证登录详解，文中通过示例代码介绍的非常详细，
对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
先上效果图先上效果图
点击授权按钮后可以显示部分资料和头像，点击修改资料可以修改部分资料。
流程流程
1.使用微信小程序登录和获取用户信息Api接口
2.把Api获取的用户资料和code发送给django后端
3.通过微信接口把code换取成openid
4.后端将openid作为用户名和密码
5.后端通过JSON web token方式登录，把token和用户id传回小程序
6.小程序将token和用户id保存在storage中
下次请求需要验证用户身份的页面时，在header中加入token这个字段
微信小程序代码微信小程序代码
获取用户信息的方法这里不展示，可以在微信小程序文档中看到
登录方法
login: function(event) {
wx.login({
success: res => {
console.log(res)
//请求后端换取openid的接口
http.request({
url: '/get-openid/',
method: 'POST',
data: {
//将code传到后端
jscode: res.code
},
success: res => {
//获取到openid作为账号密码
console.log(res)
console.log(app.globalData.userInfo)
http.request({
url: '/wx-login/',
method: 'POST',
data: {
openid: res.openid,
session_key: res.session_key,
nickname: app.globalData.userInfo.nickName,
avatar_url: app.globalData.userInfo.avatarUrl,
gender: app.globalData.userInfo.gender
},
//登录成功后返回token保存在storage中
success: res => {
console.log(res)
//token存入storage
wx.setStorageSync('jwt_token', res.token)
wx.setStorageSync('user_id', res.user_id)
this.reFreshUserProfile()
//登录状态置为true
this.setData({
isLogin: true,
hasUserInfo: true
})
app.globalData.isLogin = true
}
})
}
})
}
})
}
注销方法
资源评论
李洋洋88882021-11-15就这都敢算一次VIP下载？垃圾
