微信公众号开发-网页授权——配置测试账号

约定不等于承诺〃 2021-12-23 22:59 1371阅读 0赞

**思路分析：**

1.创建测试账号并且配置测试账号的授权回调域名。

2.由前端发起授权请求，微信收到请求后(若是首次打开，并且未关注公众号，微信会弹出授权页，提示用户授权）将重定向到请求url中配置的redirect\_uri地址，并返回code和state参数。

3.将code传入后台服务端，获取网页授权access\_token，再通过网页授权access\_token获取用户基本信息及openid，返回用户对象。

### 1.创建测试账号 ###

首先我们需要登录[微信公众号的管理平台][Link 1]，如果没有账号的需要先注册账号，并填写认证信息。微信的网页授权主要是用于服务号的开发，因此我们需要申请的公众号类型为服务号。

完成上面的操作之后我们登录微信公众平台，在左侧菜单列表中选择下面的开发->开发者工具->公众平台测试账号，之后我们就会进入一个测试账号管理界面。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01yX19WaWtpbmc_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01yX19WaWtpbmc_size_16_color_FFFFFF_t_70 1][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01yX19WaWtpbmc_size_16_color_FFFFFF_t_70 2][]

我们可以看到测试账号已经有appID和appsecret了，这个appID和秘钥跟真正的公众号好的appID是不一样的。所以我们对这个账号进行测试并不会影响真实的公众号。

### 2.配置测试账号 ###

测试账号需要进行一些配置才能和我们的程序相结合，我们测试的主要是网页授权，因此我们选择在最下方体验接口权限表中选择->网页服务->网页账号-网页授权获取用户基本信息。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01yX19WaWtpbmc_size_16_color_FFFFFF_t_70 3][]

点击修改，然后在里面设置授权回调页面的域名，注意:这里填写的是不加http://或https://协议的域名，也不用把页面的完整url写在里面，只要页面url前的域名就行了，例如:你授权的回调页是localhost/indedx/auth.html，你只需要将localhost写在这里就行了。另外，这个域名必须得是外网能访问的域名，因为授权后微信服务器会请求这个域名下的回调页面，并返回回调的授权参数。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01yX19WaWtpbmc_size_16_color_FFFFFF_t_70 4][]

### 3. 发起授权请求 ###

授权请求是用户在访问网页的时候就要发起的，一般是配置在页面加载的时候，请求链接：[https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect\_uri=http%3A%2F%2Flocalhost&response\_type=code&scope=snsapi\_userinfo&state=STATE\#wechat\_redirect][https_open.weixin.qq.com_connect_oauth2_authorize_appid_APPID_redirect_uri_http_3A_2F_2Flocalhost_response_type_code_scope_snsapi_userinfo_state_STATE_wechat_redirect] 将链接中的appid和redirect\_uri参数换成自己的配置即可，注意redirect\_uri的参数需要进行url加密处理，scope参数的值必须是snsapi\_userinfo。

关于请求链接的其他相关信息请查看微信开发者文档，[微信网页授权][Link 2]，**测试的时候必须先关注该测试公众号，否则无法发送授权请求，真实公众号不会出现该问题。**

### 4.java程序配置 ###

在java中我们需要通过授权拿到的code请求微信服务器获取网页授权access\_token再通过网页授权access\_token获取微信授权用户的基本信息，因此我们也要在java程序中配置appID和appsecret。

import com.alibaba.fastjson.JSONObject;
    
    /**
     * Created by Viking on 2019/6/19
     * 微信公众号网页授权工具类
     */
    public class WeChatUtil {
        //公众号唯一标识
        public static final String APPID = "your appID";
        //公众号的appsecret
        public static final String APPSECRET = "your appSecret";
        //获取网页授权accessToken的接口
        public static final String GET_WEB_ACCESSTOKEN_URL = "https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code";
        //获取用户信息的接口
        public static final String GET_USERINFO_URL = "https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN";
    
    
        /**
         * 获取网页授权的AccessToken凭据
         * @return
         */
        public static JSONObject getWebAccessToken(String code) {
            String result = null;
            try {
                result = HttpRequestUtil.doGet(GET_WEB_ACCESSTOKEN_URL.replace("APPID", APPID).replace("SECRET", APPSECRET).replace("CODE", code));
            } catch (Exception e) {
                e.printStackTrace();
            }
            JSONObject json = JSONObject.parseObject(result);
            return json;
        }
        /**
         * 获取用户信息
         *
         */
        public static JSONObject getUserInfo(String accessToken,String openId) {
            String result = null;
            try {
                result = HttpRequestUtil.doGet(GET_USERINFO_URL.replace("ACCESS_TOKEN", accessToken).replace("OPENID",openId));
            } catch (Exception e) {
                e.printStackTrace();
            }
            JSONObject json = JSONObject.parseObject(result);
            return json;
        }
    }

编写接口，通过授权code返回用户对象

import com.dlbz.model.User;
    import com.dlbz.service.UserService;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.ResponseBody;
    
    /**
     * Created by Viking on 2019/6/18
     * 微信用户
     */
    @Controller
    @RequestMapping("user")
    public class UserController {
        @Autowired
        private UserService service;
    
        @RequestMapping("auth")
        @ResponseBody
        public Object auth(String code, String state){
            User user = service.auth(code,state);
            return user;
        }
    }

业务层代码，封装用户基本信息对象：

import com.alibaba.fastjson.JSONObject;
    import com.dlbz.model.User;
    import com.dlbz.service.UserService;
    import com.dlbz.util.HttpRequestUtil;
    import com.dlbz.util.WeChatUtil;
    import org.apache.commons.lang3.StringUtils;
    import org.slf4j.Logger;
    import org.slf4j.LoggerFactory;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.stereotype.Service;
    
    import java.util.*;
    
    /**
     * Created by Viking on 2019/6/18
     * 微信用户-授权
     */
    @Service
    public class UserServiceImp implements UserService {
        private Logger log = LoggerFactory.getLogger(this.getClass());
        
        @Override
        public User auth(String code,String state) {
            log.info("coed:"+code+"\tstate:"+state);
            Map<String,Object> map = new HashMap<>();
            if(code!=null) {
                //1.通过code来换取access_token
                JSONObject json = WeChatUtil.getWebAccessToken(code);
                //获取网页授权access_token凭据
                String webAccessToken = json.getString("access_token");
                if (StringUtils.isBlank(webAccessToken)) throw new SimpleException("用户授权","授权失败");
                //获取用户openid
                String openid = json.getString("openid");
                //2.通过access_token和openid拉取用户信息
                JSONObject userInfo = WeChatUtil.getUserInfo(webAccessToken, openid);
                //获取json对象中的键值对集合
                Set<Map.Entry<String, Object>> entries = userInfo.entrySet();
                for (Map.Entry<String, Object> entry : entries) {
                    //把键值对作为属性设置到mmap中
                    map.put(entry.getKey(),entry.getValue());
                }
               log.info(map);
                User user = new User();
                /*
                 * 封装user对象并存入数据库
                 */
                return user;
            }
            return null;
        }
    }

[Link 1]: https://mp.weixin.qq.com/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01yX19WaWtpbmc_size_16_color_FFFFFF_t_70]: /images/20211223/864a1e909f2e4cb7a4940cae614ba97a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01yX19WaWtpbmc_size_16_color_FFFFFF_t_70 1]: /images/20211223/1c4994ec3b8e453faeaaaa881afc918c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01yX19WaWtpbmc_size_16_color_FFFFFF_t_70 2]: /images/20211223/45c5a88e266f4404976438833b9af72b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01yX19WaWtpbmc_size_16_color_FFFFFF_t_70 3]: /images/20211223/67fd14f55872463e9ecb35c8073647e0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01yX19WaWtpbmc_size_16_color_FFFFFF_t_70 4]: /images/20211223/fabc5f0700ff4170be647fe72931233a.png
[https_open.weixin.qq.com_connect_oauth2_authorize_appid_APPID_redirect_uri_http_3A_2F_2Flocalhost_response_type_code_scope_snsapi_userinfo_state_STATE_wechat_redirect]: https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=http%3A%2F%2Flocalhost&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect
[Link 2]: https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842