小程序扫码登录web网站
时间: 2023-09-18 22:12:25 浏览: 81
小程序扫码登录web网站的实现思路如下:
1. 后端请求微信生成一个携带参数全局唯一的scene的小程序登录页面的二维码。\[2\]
2. WEB端拿到小程序码展示给用户,并携带此参数轮询请求后端用户扫码是否成功的接口。如果成功,则将小程序码遮挡,变成已失效。\[2\]
3. 小程序端监听用户扫码成功后,获取到小程序码内携带的scene的值,并请求后端保存用户扫码状态的接口。\[2\]
4. 后端保存用户扫码成功信息,可以将其存入Redis中,使用全局唯一的scene加上别的统一后缀作为key。\[2\]
5. 小程序端用户开始走登录授权流程,WEB端开始轮询查询是否授权成功,后端开始走授权接口。如果授权成功,则将授权信息(如token)存入Redis中,使用全局唯一的scene加上别的统一后缀作为key。\[2\]
6. WEB端获取到用户的授权信息后,跳转到登录成功页面。同时,后端删除刚才的授权信息,以防止小程序码多次被扫码导致数据混乱。\[2\]
在小程序端,可以使用wx.scanCode方法进行扫码操作。扫码成功后,获取到二维码中携带的scene值,并向后端发送请求保存用户扫码状态。\[3\]
在WEB端,可以使用轮询的方式不断向后端查询用户是否授权成功。一旦授权成功,即可跳转到登录成功页面。\[2\]
以上是小程序扫码登录web网站的大致实现思路。具体的实现细节可以根据具体的业务需求进行调整和完善。
#### 引用[.reference_title]
- *1* *3* [使用微信小程序扫码登录系统PC端web的功能](https://blog.csdn.net/zxstrive/article/details/108554448)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [WEB端使用小程序登录](https://blog.csdn.net/qq_31452291/article/details/120785898)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
相关推荐
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)