微信点击授权登录
全过程版本轻松完成
第一步 注册微信测试号
-
配置网页授权地址
-
找到微信网页开发-网页授权
具体操作步骤
第一步:用户同意授权,获取code
- 在这里我们首先拼接微信回调地址
https://open.weixin.qq.com/connect/oauth2/authorize?
//这个就是微信测试哪里的appid
appid=APPID
//回调参数是对应上边网页授权回调地址 需要保持一致区别在于配置网页授权回调时无需加HTTP
//在这里回调url需使用http开头并且经过 urlEncode 对链接进行处理
&redirect_uri=REDIRECT_URI
//这里获取code是固定参数
&response_type=code
//区分两种
//snsapi_base (不弹出授权页面,直接跳转,只能获取用户openid),
//snsapi_userinfo (弹出授权页面,可通过openid拿到昵称、性别、所在地。
//并且, 即使在未关注的情况下,只要用户授权,也能获取其信息 )
&scope=SCOPE
//STATE是附带回来的参数看自己需要是否需要携带
&state=STATE#wechat_redirect
-
我在这里使用微信开发者工具比较方便开发测试
-
接受返回的code值参数
-
接下来是前端写法
第二步:通过code换取网页授权access_token
- 通过页面判断当code有值时则带着code请求后端地址,这里请求的是我的oauth2.0的登录接口
- 后端接收到code值进行两步操作拿到用户的open_id
第三步:拉取用户信息(需scope为 snsapi_userinfo)
-
具体换取openid步骤如下
-
所需maven依赖
<!-- https://mvnrepository.com/artifact/com.github.binarywang/weixin-java-mp -->
<dependency>
<groupId>com.github.binarywang</groupId>
<artifactId>weixin-java-mp</artifactId>
<version>4.1.0</version>
</dependency>