目录 目录 前言 下面展示操作流程 注册微信小程序 通过后台获取小程序码 前端处理 时序图理解 方案实现步骤 前言 很多业务场景之下我们需要实现 微信扫码登录 的需求,如: 同步网站与小程序的用户数据。需要获取用户微信相关基本信息,
前言
很多业务场景之下我们需要实现 微信扫码登录 的需求,如:
实例:小程序上的用户 收藏内容与网站收藏相同。或登录网站后也 查看自己的订单信息。
本方案将基于 微信小程序 来实现这一功能。(ps:这是实现微信登录的其中一套方案)
前置知识
首先我们要知道微信创建的每一个有 appId 的程序,注册之后,每个微信用户在这个小程序里会有一个唯一用户标识 openid,对于用户相关的业务可以基于这点展开。
整体认证流及获取 小程序码(扫码登录的码)的过程对于第一次接触的人来说有点小复杂,可以看我的 开源项目,已经对这些过程进行了封装。
注:项目提供两套方案:
都是开箱即用,填写配置信息:注册后的信息如 appId等即可直接调用
1、第一套方案,即本博客实现方案,耦合度相对较高,需要设置对应的数据库字段等。
2、无侵入式的方案 ,提供便捷 api 帮助一键直接获取小程序码。灵活插入个人业务逻辑。
直接获取并保存小程序码到磁盘中,简单快捷。
如果项目帮助到你,记得点个 star 哦!🌹
github地址
gitee地址:
Wx-login-based-on-miniapp: 基于 springboot 实现微信扫描小程序码登录,获取用户微信信息
此方案是基于小程序获取用户信息的方案,因此之前你需要注册一个小程序。
这里先简单介绍 小程序码 和 小程序二维码 的区别。
两个码都差不多都长这个样,实现之后,图标会是自己小程序的图标。
小程序二维码 就是我们平时扫描的,进入小程序的二维码。
而小程序码是我们通过接口生成的 扫描后 可以进入指定页面(这里就是我们的认证界面),并能携带一个参数(scene值),在认证界面进行接收。我们的登录逻辑也将根据这个值展开
可以查看微信开放文档的相关api
小程序码获取流程
GET https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
POST Https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=ACCESS_TOKEN
注意事项
因此,我们就是通过 scene 值来区分和标记用户扫的码是哪一张 的
PC端扫码
到了这里说明我们已经保存了刚才请求接口所生成的 小程序码 到服务器的某个文件夹下,那么我们只需要通过某种方式将此图片映射到前端上显示即可。可以通过配置 springMVC 静态资源映射(tomcat映射) 或者 nginx 映射 即可。本开源项目使用 tomcat映射。ps:当然图片都保存了,怎么显示要做修改也就简单了
移动端认证
扫描小程序码将进入我们编写的指定页面,我们只要拿到scene值,就可以开始进行业务逻辑处理了。
获取 scene 值
也就是说,每一张生成的小程序码都是不一样的,它除了能够进行扫码进到指定的页面,还会携带一个 scene 参数,让我们进行需要的业务逻辑。同时scene值也保证了小程序码的 唯一性
我们需要在小程序中写一个,类似这样的界面,扫描二维码,将进入这个界面
在页面的js文件中,我们可以这样获取到这个 scene值
Page({ onLoad (query) { // scene 需要使用 decodeURIComponent 才能获取到生成二维码时传入的 scene const scene = decodeURIComponent(query.scene) }})
接下来就可以进行我们需要的业务逻辑了,本文主要描述登录的需求。在文首文末的开源项目里有完整认证逻辑参考的 js 文件
为了更好的理解登陆逻辑我们可以先来看看登录的 时序图
准备工作。我们需要准备两个表 一个是用户信息表,一个是 小程序码状态表 也就是存放 scene值 的表,当然,这个表在认证成功之后需要关联用户id,来告知前端认证用户的信息。
小程序码状态表为 status 扫码状态、scene场景值
此时user_id是没有值的,并且状态是等待扫码。
先插入用户表用户信息,(用户数据就是在小程序得到的,可以调用小程序的api获取)
同样,根据scene值,修改登录表
可以看到到这一步,扫码状态已经变成了 success,表示认证成功,如果用户取消认证将为 cancel
并且有了userId。
然后完成登录相关的操作,当然关于 token 相关的内容需要在业务中再添加,本篇主要关注于 如何实现扫码得到用户 openid
这些操作的接口我都已经在开源项目
github:
gitee:
Wx-login-based-on-miniapp: 基于 springboot 实现微信扫描小程序码登录,获取用户微信信息
做好了封装,有不理解的地方可以到 github、gitee 上提 issue,
如果觉得本文和项目项目有帮助的话,欢迎大家star项目。
最后可以看看我的其它开源项目软件: i集大校园
使用技术栈为:Spring Boot、Spring Cloud Alibaba、rabbitMQ、JWT、minIO、mysql、redis、ES、docker
前端使用 微信小程序编写。
欢迎一起参加贡献和star项目哈!
来源地址:https://blog.csdn.net/programming132/article/details/127525935
--结束END--
本文标题: Java后台实现网站微信扫码登录功能,获取用户openid,及微信用户信息(小程序码方案),关联微信小程序(个人主体小程序也可以)
本文链接: https://www.lsjlt.com/news/390752.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-21
2023-10-28
2023-10-28
2023-10-27
2023-10-27
2023-10-27
2023-10-27
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0