微信网页授权步骤说明

总览

1. 引导用户进入授权页面同意授权，获取code
2. 通过code换取网页授权access_token（与基础支持中的access_token不同）
3. 如果需要，开发者可以刷新网页授权access_token，避免过期（一般不需要）
4. 通过网页授权access_token和openid获取用户基本信息（支持UnionID机制）

获取code

解释：让用户跳转到拼接后的指定地址，进行授权获取code，然后重定向到redirect_uri，重定向后的地址带有code和state参数

拼接地址：https://open.weixin.qq.com/connect/oauth2/authorize?appid=appid&redirect_uri=redirect_uri&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect，其中appid和redirect_uri需要替换，且redirect_uri需要encodeURI处理，state为可选值用于用户自定义传参。

通过code换取access_token和用户信息

这里只写Java示例，且使用weixin-java-mp依赖

引入以下依赖

<dependency><groupId>com.github.binarywang</groupId><artifactId>weixin-java-mp</artifactId><version>4.5.0</version></dependency>

在application.yml中添加如下参数

# 自定义微信相关配置信息wx:mp:# 微信公众号的appidappId: wxajhlksfnjls777777# 信公众号的app secretsecret: sds56dg4fd5sd54s5555555

创建WxMpProperties如下

import lombok.Data;import org.springframework.boot.context.properties.ConfigurationProperties;import org.springframework.stereotype.Component;@Component@Data@ConfigurationProperties(prefix = "wx.mp")public class WxMpProperties {/** * 设置微信公众号的appid */private String appId;/** * 设置微信公众号的app secret */private String secret;}

创建WxMpConfiguration如下

import me.chanjar.weixin.mp.api.WxMpService;import me.chanjar.weixin.mp.api.impl.WxMpServiceImpl;import me.chanjar.weixin.mp.config.WxMpConfigStorage;import me.chanjar.weixin.mp.config.impl.WxMpDefaultConfigImpl;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.context.annotation.Bean;import org.springframework.context.annotation.Configuration;@Configurationpublic class WxMpConfiguration {@Autowiredprivate WxMpProperties wxMpProperties;/** * 微信客户端配置存储 */@Beanpublic WxMpConfigStorage wxMpConfigStorage() {WxMpDefaultConfigImpl configStorage = new WxMpDefaultConfigImpl();// 设置微信公众号appIdconfigStorage.setAppId(wxMpProperties.getAppId());// 设置微信公众号appSecretconfigStorage.setSecret(wxMpProperties.getSecret());return configStorage;}/** * WxMpService多个实现类 声明一个实例 */@Beanpublic WxMpService wxMpService() {WxMpService wxMpService = new WxMpServiceImpl();wxMpService.setWxMpConfigStorage(wxMpConfigStorage());return wxMpService;}}

然后在Controller中引入WxMpService

@RestControllerpublic class LoginController {@Autowiredprivate WxMpService wxMpService;@PostMapping("/wx/login")public SysAjaxResult login(@RequestBody Map<String, String> params) {String code = MapUtils.getString(params, "code");if (StringUtils.isBlank(code)) {return SysAjaxResult.error("code不能为空");}try {// 获取accessToken，获取用户信息（据官方文档，下面两个接口调用频率为每分钟5万次）WxOAuth2AccessToken accessToken = wxMpService.getOAuth2Service().getAccessToken(code);WxOAuth2UserInfo userInfo = wxMpService.getOAuth2Service().getUserInfo(accessToken, null);// 通过openid校验有没有当前用户，没有则新增String openid = userInfo.getOpenid();return AjaxResult.success();} catch (WxErrorException e) {e.printStackTrace();}return AjaxResult.error();}}

时效