您当前的位置：首页 > 网站建设 > 网站维护
\| php \| asp \| css \| H5 \| javascript \| Mysql \| Dreamweaver \| Delphi \| 网站维护 \| 帝国cms \| React \| 考试系统 \| ajax \| jQuery \|

Python Flask微信小程序登录流程及登录api实现代码

51自学网 2022-07-04 11:42:23

网站维护

一、先来看看效果

在这里插入图片描述

接口请求返回的数据：

在这里插入图片描述

二、官方登录流程图

在这里插入图片描述

三、小程序登录流程梳理：

1、小程序端调用wx.login

2、判断用户是否授权

3、小程序端访问 wx.getUserInfo

4、小程序端js代码：

wx.login({ success: resp => { // 发送 res.code 到后台换取 openId, sessionKey, unionId console.log(resp); var that = this; // 获取用户信息 wx.getSetting({ success: res => { if (res.authSetting['scope.userInfo']) { // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框 wx.getUserInfo({ success: userResult => { var platUserInfoMap = {} platUserInfoMap["encryptedData"] = userResult.encryptedData; platUserInfoMap["iv"] = userResult.iv; wx.request({			 url: 'http://127.0.0.1:5000/user/wxlogin',			 data: { 			 platCode: resp.code,  platUserInfoMap: platUserInfoMap,			 },			 header: {			 "Content-Type": "application/json"			 },			 method: 'POST',			 dataType:'json',			 success: function (res) {			 console.log(res)  	wx.setStorageSync("userinfo", res.userinfo) //设置本地缓存			 },			 fail: function (err) { },//请求失败			 complete: function () { }//请求完成后执行的函数			 }) } }) }  } }) } })

5、后端服务器访问code2session，通过code2Session这个api接口来获取真正需要的微信用户的登录态session_key和 openid 和 unionid

6、后端服务器校验用户信息，对encryptedData 解密
微信小程序登录后获得session_key后，返回了encryptedData，iv的数据，其中encryptedData解密后包含了用户的信息，解密后的json格式如下：

{ "openId": "OPENID", "nickName": "NICKNAME", "gender": GENDER, "city": "CITY", "province": "PROVINCE", "country": "COUNTRY", "avatarUrl": "AVATARURL", "unionId": "UNIONID", "watermark": { "appid":"APPID", "timestamp":TIMESTAMP }}

7、新建解密文件
下载地址:
centos 7 源码安装openssh的方法
 linux上传并配置jdk和tomcat的教程详解