微信公众号网页授权登录完整步骤版学不会你打我....

全过程版本轻松完成

第一步 注册微信测试号

• 微信测试号地址

• 配置网页授权地址

• 打开微信公众号api

• 找到微信网页开发-网页授权
  

具体操作步骤

第一步：用户同意授权，获取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>

到此微信获取openid完成