微信公众平台开发（一）网页授权获取用户基本信息

已于 2022-10-26 16:15:44 修改
阅读量6.3k 收藏 13
点赞数 1
文章标签： java spring boot wechat
于 2022-04-14 16:40:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z17806289513/article/details/124171775
版权

目录

1、前置条件

2、微信公众平台配置及说明

2.1 网页授权回调域名

2.2 获取AppID及AppSecret

2.3 特殊说明

3、对接步骤

3.1 用户同意授权，获取code

3.2 通过code换取网页授权access_token

3.3 刷新access_token（如果需要）

3.4 拉取用户信息(需scope为 snsapi_userinfo)

4、示例代码

1、前置条件

网页授权要求公众号是服务号，且完成认证才行。

2、微信公众平台配置及说明

2.1 网页授权回调域名

        在微信公众号请求用户网页授权之前，开发者需要先到公众平台官网中的“设置与开发 - 公众

号设置 - 功能设置 - 网页授权域名”的配置选项中，修改授权回调域名。请注意，这里填写的是域名

（是一个字符串），而不是URL，因此请勿加 http:// 等协议头。

        配置域名之前，将下面这个文档下载下来放到配置的域名可以访问到的位置。

2.2 获取AppID及AppSecret

        公众平台官网中的“设置与开发 - 基本配置 ”的公众号开发信息中获取，注意AppSecret只有第

一次保存机会，如果未能及时保存，那就需要重置获取。

2.3 特殊说明

        个人开发者申请微信公众号测试号进行开发，微信公众号测试号申请系统网址：https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login

进入步骤：

1、打开微信公众平台首页：https://mp.weixin.qq.com/

2、选择服务号开发文档

3、开始开发 - 接口测试号申请

3、对接步骤

具体而言，网页授权流程分为四步：

1、引导用户进入授权页面同意授权，获取code

2、通过code换取网页授权access_token（与基础支持中的access_token不同）

3、如果需要，开发者可以刷新网页授权access_token，避免过期

4、通过网页授权access_token和openid获取用户基本信息（支持UnionID机制）

3.1 用户同意授权，获取code

        在确保微信公众账号拥有授权作用域（scope参数）的权限的前提下（服务号获得高级接口

后，默认拥有scope参数中的snsapi_base和snsapi_userinfo），引导关注者打开如下页面：

https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect

若提示“该链接无法访问”，请检查参数是否填写错误，是否拥有scope参数对应的授权作用域权限。

参数说明：

参数是否必须说明
appid是公众号的唯一标识
redirect_uri是授权后重定向的回调链接地址， 请使用 urlEncode 对链接进行处理
response_type是返回类型，请填写code
scope是应用授权作用域，snsapi_base （不弹出授权页面，直接跳转，只能获取用户openid），snsapi_userinfo （弹出授权页面，可通过openid拿到昵称、性别、所在地。并且， 即使在未关注的情况下，只要用户授权，也能获取其信息 ）
state否重定向后会带上state参数，开发者可以填写a-zA-Z0-9的参数值，最多128字节
#wechat_redirect是无论直接打开还是做页面302重定向时候，必须带此参数

如果用户同意授权，页面将跳转至 redirect_uri/?code=CODE&state=STATE。

3.2 通过code换取网页授权access_token

        这里通过code换取的是一个特殊的网页授权access_token,与基础支持中的access_token（该

access_token用于调用其他接口）不同。公众号可通过下述接口来获取网页授权access_token。

如果网页授权的作用域为snsapi_base，则本步骤中获取到网页授权access_token的同时，也获取

到了openid，snsapi_base式的网页授权流程即到此为止。

获取code后，请求以下链接获取access_token： https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code

参数说明

参数是否必须说明
appid是公众号的唯一标识
secret是公众号的appsecret
code是填写第一步获取的code参数
grant_type是填写为authorization_code

返回说明

正确时返回的JSON数据包如下：

{
  "access_token":"ACCESS_TOKEN",
  "expires_in":7200,
  "refresh_token":"REFRESH_TOKEN",
  "openid":"OPENID",
  "scope":"SCOPE" 
}
参数描述
access_token网页授权接口调用凭证,注意：此access_token与基础支持的access_token不同
expires_inaccess_token接口调用凭证超时时间，单位（秒）
refresh_token用户刷新access_token
openid用户唯一标识，请注意，在未关注公众号时，用户访问公众号的网页，也会产生一个用户和公众号唯一的OpenID
scope用户授权的作用域，使用逗号（,）分隔

3.3 刷新access_token（如果需要）

请求方法

获取第二步的refresh_token后，请求以下链接获取access_token： https://api.weixin.qq.com/sns/oauth2/refresh_token?appid=APPID&grant_type=refresh_token&refresh_token=REFRESH_TOKEN

参数是否必须说明
appid是公众号的唯一标识
grant_type是填写为refresh_token
refresh_token是填写通过access_token获取到的refresh_token参数

返回说明

正确时返回的JSON数据包如下：

{ 
  "access_token":"ACCESS_TOKEN",
  "expires_in":7200,
  "refresh_token":"REFRESH_TOKEN",
  "openid":"OPENID",
  "scope":"SCOPE" 
}
参数描述
access_token网页授权接口调用凭证,注意：此access_token与基础支持的access_token不同
expires_inaccess_token接口调用凭证超时时间，单位（秒）
refresh_token用户刷新access_token
openid用户唯一标识
scope用户授权的作用域，使用逗号（,）分隔

 3.4 拉取用户信息(需scope为 snsapi_userinfo)

如果网页授权作用域为snsapi_userinfo，则此时开发者可以通过access_token和openid拉取用户信息了。

请求方法

http：GET（请使用https协议） https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN

参数说明

参数描述
access_token网页授权接口调用凭证,注意：此access_token与基础支持的access_token不同
openid用户的唯一标识
lang返回国家地区语言版本，zh_CN 简体，zh_TW 繁体，en 英语

返回说明

正确时返回的JSON数据包如下：

{   
  "openid": "OPENID",
  "nickname": NICKNAME,
  "sex": 1,
  "province":"PROVINCE",
  "city":"CITY",
  "country":"COUNTRY",
  "headimgurl":"https://thirdwx.qlogo.cn/mmopen/g3MonUZtNHkdmzicIlibx6iaFqAc56vxLSUfpb6n5WKSYVY0ChQKkiaJSgQ1dZuTOgvLLrhJbERQQ4eMsv84eavHiaiceqxibJxCfHe/46",
  "privilege":[ "PRIVILEGE1" "PRIVILEGE2"     ],
  "unionid": "o6_bmasdasdsad6_2sgVt7hMZOPfL"
}
参数描述
openid用户的唯一标识
nickname用户昵称
sex用户的性别，值为1时是男性，值为2时是女性，值为0时是未知
province用户个人资料填写的省份
city普通用户个人资料填写的城市
country国家，如中国为CN
headimgurl用户头像，最后一个数值代表正方形头像大小（有0、46、64、96、132数值可选，0代表640*640正方形头像），用户没有头像时该项为空。若用户更换头像，原有头像URL将失效。
privilege用户特权信息，json 数组，如微信沃卡用户为（chinaunicom）
unionid只有在用户将公众号绑定到微信开放平台帐号后，才会出现该字段。

4、示例代码

http请求工具类

package com.qdeicc.bigscreen.util;

import com.alibaba.fastjson.JSONObject;
import lombok.extern.slf4j.Slf4j;
import org.apache.http.NameValuePair;
import org.apache.http.client.entity.UrlEncodedFormEntity;
import org.apache.http.client.methods.CloseableHttpResponse;
import org.apache.http.client.methods.HttpGet;
import org.apache.http.client.methods.HttpPost;
import org.apache.http.client.utils.URIBuilder;
import org.apache.http.impl.client.CloseableHttpClient;
import org.apache.http.impl.client.HttpClients;
import org.apache.http.message.BasicNameValuePair;
import org.apache.http.util.EntityUtils;

import java.io.IOException;
import java.net.URI;
import java.util.ArrayList;
import java.util.List;
import java.util.Map;

@Slf4j
public class HttpClientUtil {
    
    public static String doGet(String url, Map<String, String> param) {
        log.info("调用第三方接口开始，接口地址：" + url + ",调用参数：" + JSONObject.toJSONString(param));
        // 创建Httpclient对象
        CloseableHttpClient httpclient = HttpClients.createDefault();
        String result = "";
        CloseableHttpResponse response = null;
        try {
            // 创建uri
            URIBuilder builder = new URIBuilder(url);
            if (param != null) {
                for (String key : param.keySet()) {
                    builder.addParameter(key, param.get(key));
                }
            }
            URI uri = builder.build();

            // 创建http GET请求
            HttpGet httpGet = new HttpGet(uri);

            // 执行请求
            response = httpclient.execute(httpGet);
            // 判断返回状态是否为200
            if (response.getStatusLine().getStatusCode() == 200) {
                result = EntityUtils.toString(response.getEntity(), "UTF-8");
            }
        } catch (Exception e) {
            log.error("调用第三方接口出现异常，接口地址：" + url + ",调用参数：" + JSONObject.toJSONString(param) + "，异常信息：" + e);
        } finally {
            try {
                if (response != null) {
                    response.close();
                }
                httpclient.close();
            } catch (IOException e) {
                log.error("系统错误:", e);
            }
        }
        log.info("调用第三方接口技术，接口地址：" + url + ",调用参数：" + JSONObject.toJSONString(param) + "，返回结果：" + result);
        return result;
    }

    public static String doGet(String url, Map<String, String> headMap, Map<String, String> param) {
        // 创建Httpclient对象
        CloseableHttpClient httpclient = HttpClients.createDefault();
        String resultString = "";
        CloseableHttpResponse response = null;
        try {
            // 创建uri
            URIBuilder builder = new URIBuilder(url);
            if (param != null) {
                for (String key : param.keySet()) {
                    builder.addParameter(key, param.get(key));
                }
            }

            URI uri = builder.build();

            // 创建http GET请求
            HttpGet httpGet = new HttpGet(uri);

            if (headMap != null && !headMap.isEmpty()) {
                for (String key : headMap.keySet()) {
                    log.info("头部信息key:" + key + "===值: " + headMap.get(key));
                    httpGet.addHeader(key, headMap.get(key));
                }
            }

            // 执行请求
            response = httpclient.execute(httpGet);
            // 判断返回状态是否为200
            if (response.getStatusLine().getStatusCode() == 200) {
                resultString = EntityUtils.toString(response.getEntity(), "UTF-8");
            }
        } catch (Exception e) {
            log.error("系统错误:", e);
        } finally {
            try {
                if (response != null) {
                    response.close();
                }
                httpclient.close();
            } catch (IOException e) {
                log.error("系统错误:", e);
            }
        }
        return resultString;
    }

    public static String doGet(String url) {
        return doGet(url, null);
    }

    public static String doPost(String url, Map<String, String> headers, Map<String, String> param) {
        // 创建Httpclient对象
        CloseableHttpClient httpClient = HttpClients.createDefault();
        CloseableHttpResponse response = null;
        String resultString = "";
        try {
            log.info("调用第三方接口开始，接口地址：" + url + ",调用参数：" + JSONObject.toJSONString(param) + ",调用header：" + JSONObject.toJSONString(headers));
            // 创建Http Post请求
            HttpPost httpPost = new HttpPost(url);
            if (headers != null) {
                for (String key : headers.keySet()) {
                    httpPost.setHeader(key, headers.get(key));
                }
            }
            // 创建参数列表
            if (param != null) {
                List<NameValuePair> paramList = new ArrayList<>();
                for (String key : param.keySet()) {
                    paramList.add(new BasicNameValuePair(key, param.get(key)));
                }
                // 模拟表单
                UrlEncodedFormEntity entity = new UrlEncodedFormEntity(paramList, "utf-8");
                httpPost.setEntity(entity);
            }
            // 执行http请求
            response = httpClient.execute(httpPost);
            resultString = EntityUtils.toString(response.getEntity(), "utf-8");
        } catch (Exception e) {
            log.error("调用第三方接口出现异常，接口地址：" + url + ",调用参数：" + JSONObject.toJSONString(param) + "，异常信息：" + e);
        } finally {
            try {
                if (response != null) {
                    response.close();
                }
            } catch (IOException e) {
                log.error("系统错误:", e);
            }
        }
        log.info("调用第三方接口技术，接口地址：" + url + ",调用参数：" + JSONObject.toJSONString(param) + "，返回结果：" + resultString);
        return resultString;
    }

}
@GetMapping("/code2accesstoken")
public void code2accesstoken(tring code, String state) throws Exception {
    String appid = "appid";
    String secret = "secret";
    String url = "https://api.weixin.qq.com/sns/oauth2/access_token?appid=" + appid +         
    "&secret=" + secret + "&code=" + code + "&grant_type=authorization_code";
    String result = HttpClientUtil.doGet(url);
    JSONObject jsonObject = JSONObject.parseObject(result);
//        WxOAuth2AccessToken wxOAuth2AccessToken = JSONObject.parseObject(result, WxOAuth2AccessToken.class);
    String accessToken = jsonObject.getString("access_token");
    String openId = jsonObject.getString("openid");
    String scope = jsonObject.getString("scope");
    String unionid = jsonObject.getString("unionid");
    if ("snsapi_userinfo".equals(scope)) {
        String userUrl = "https://api.weixin.qq.com/sns/userinfo?access_token=" + accessToken + "&openid=" + openId + "&lang=zh_CN";
        String userResult = HttpClientUtil.doGet(url);
        WxOAuth2UserInfo wxOAuth2UserInfo = JSONObject.parseObject(userResult, WxOAuth2UserInfo.class);
        // 获取头像等用户信息
        String headimgurl = wxOAuth2UserInfo.getHeadImgUrl();
    }
}

将3.1中的redirect_uri参数替换为http://xx.com/code2accesstoken即可。

参考文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html#4

菜鸟程序员a
关注
  • 1
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
微信公众平台 网页授权获取用户基本信息(asp.net C#)
03-02
微信公众平台 网页授权获取用户基本信息 //获取从wxProcess.aspx传递过来的跳转地址reurl if (Request.QueryString["reurl"] != null && Request.QueryString["reurl"] != "") { reurl = Request.QueryString["re...
网页授权获取用户基本信息
taking_wang的专栏
03-23 7708
转自：https://mp.weixin.qq.com/wiki/17/c0f37d5704f0b64713d5d2c37b468d75.html eg:https://open.weixin.qq.com/connect/oauth2/authorize?appid=fangziyou&redirect_uri=http://www.dingjianyun.com/fzytest/wx/i
前端vue+后台node实现获取微信用户基本信息+调用微信JS-SDK（上篇）
最新发布
2401_85123579的博客
06-11 1015
技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。
微信公众平台开发（四）——微信网页授权：获取用户openid&用户基本信息
不愿意做鱼的小鲸鱼の博客
03-24 9181
在开发中，如果web产品需要使用到微信的功能,比如微信授权登录、微信支付、微信投票等，我是开发的东东是一个web项目，然而如果需要接入微信的话，就需要使用道微信的微信网页开发相关的功能。
关于微信公众号-网页授权域名，域名配置个数不够用的情况梳理
Dの博客
08-22 1万+
关于微信公众号-网页授权域名，域名配置只能配置2个，个数不够用怎么办？一个公众号如何接入多个域名的多业务线项目
网页授权获取用户信息
CSDN_JAVA_CC的博客
05-15 697
微信公众号获取用户信息的方法--网页授权获取用户信息
微信开发 网页授权获取用户基本信息
01-02
微信公众平台最近新推出微信认证，认证后可以获得高级接口权限，其中一个是OAuth2.0网页授权，很多朋友在使用这个的时候失败了或者无法理解其内容，希望我出个教程详细讲解一下，于是便有了这篇文章。 一、什么是...
微信开发之网页授权获取用户信息(二)
12-18
　找到“网页授权获取用户基本信息”，点击后面对应的“修改”，在弹框响应位置填写授权回调域名即可，此处的域名不需要加http:// （关于网页授权回调域名的说明详情可参考公众平台开发者文档） 2、获取授权 　...
php微信公众平台开发之获取用户基本信息
12-18
当微信公户关注一个公众号时，会产生一个独一无二的OpenID，此时我们就需要用到它去请求微信服务器获取用户的基本信息，包括头像，昵称等。 更加详细的说明请参考 微信开发文档 。 获取的步骤如下： 1 第一步：用户...
微信网页授权并获取用户信息的方法
12-04
因为是微信授权，所以必须要在微信环境下使用，首先我们要在这里安装微信开发者工具，因为我们没有自己的应用，所以还需要在微信公众平台申请一个接口测试号,这个接口测试号就相当于我们的第三方应用。  2. 参数...
微信开发网页授权获取用户基本信息
qvanminpiao的博客
08-31 673
开发十年，就只剩下这套架构体系了！ &gt;&gt;&gt;    ...
微信网页授权获取并获取用户信息
CRMEB小程序商城的博客
09-03 5618
首先，需要说明的是，网页授权要求公众号是服务号，且完成认证才行。 微信开发文档网页授权有四步： 第一步：用户同意授权，获取code 2、 第二步：通过code换取网页授权access_token、openid 3、 第三步：刷新access_token（如果需要） 4、 第四步：拉取用户信息(需scope为 snsapi_userinfo) snsapi_base: 到第二步就结束了，获取到openid，其他操作在这个基础上（比如记录该用户访问时间次数信息） snsapi_userinfo: 获取openi
微信公众平台-服务号：网页授权域名 设置
热门推荐
weixin_49200545的博客
02-24 1万+
微信公众平台-服务号的网页授权域名 设置 设置与开发-》公众号设置-》功能设置-》网页授权域名 一：下载认证文件，放置服务器中 二：设置服务器中的 Https中的nginx服务 nginx是用于将http转换成Https location /MP_verify_OEZJXnKP7GfACeli.txt { alias C:/java/nginx-1.17.0/conf/MP_verify_OEZJXnKP7GfACeli.txt; } 测试是否可以访问；这样就是成功 三：写域名，保存 注：不需要拼
java Web获取微信授权用户信息
zhangzhenkeai的博客
10-27 1563
java Web获取微信授权用户信息 1.准备工作 首先需要去微信开发公众平台申请一个微信公众平台测试号，页面如下。 登陆之后，页面如下。 接口信息无需配置。页面往下拉会看到如下的页面。 点击网页账号后面的修改需要填写url地址，注意url地址不能携带http:// 和https://,正确填下格式如下。 如若没有URL地址可通过一下方法。获取。 2.获取URL地址，首先打开内网穿透注册网站，注册步骤省略。 ...
小白专用微信公众号网页授权通过code获取用户信息
weixin_68526111的博客
06-29 3257
刚刚才接触微信公众号的网页开发所得经验进行跟大家分享因为代码写的少大多都是无用的重复代码,请大家勿喷我刚开始做不需要unionid 所有需要 unionid 的小伙伴请自己直接set获取即可首先是微信公众号的官方开发文档首先需要一张能接收微信字段的表和一张自己用户的信息表自己的用户表。
关于微信客户端内H5网页获取用户授权信息实现步骤（基于snsapi_userinfo类型的操作）
T1320926097的博客
02-03 8237
准备号服务号之后，接下来就是去在服务号里面进行各种相关配置，我这边当时是前端来进行相关配置的，后端需要的配置也一并完成了，一般是公司后端去做相应的配置。3.1首先需要去配置js接口安全域名，由于微信客户端的授权需要在测试环境下才能去调试和获取，所以需要我们去配置测试和生产环境的域名，建议一开始就把测试和生产环境域名配置完成，方便后期调试，.我们需要自己公司的微信公众号（这里公众号类似必须是服务号类型且已经通过微信官方的认证，如果是订阅号，实现起来很麻烦，需要做挂靠服务号处理，不建议使用；
java网页授权获取用户基本信息_java微信开发---网页授权获取用户基本信息
weixin_36473855的博客
02-13 700
关于网页授权的两种scope的区别说明：1、以snsapi_base为scope发起的网页授权，是用来获取进入页面的用户的openid的，并且是静默授权并自动跳转到回调页的。用户感知的就是直接进入了回调页(往往是业务页面)2、以snsapi_userinfo为scope发起的网页授权，是用来获取用户的基本信息的。但这种授权需要用户手动同意，并且由于用户同意过，所以无须关注，就可在授权后获取该用户的...
微信公众平台开发网页获取用户地理位置
07-14
微信公众平台开发中，可以通过网页授权获取用户地理位置。下面是一些步骤供你参考： 1. 在微信公众平台中创建一个网页应用。 2. 在网页应用设置中配置授权回调域名，确保域名与你的网页应用的服务器域名一致。 3. 在网页中引入微信JS-SDK，并初始化配置。 4. 在用户点击授权按钮时，调用微信JS-SDK提供的接口，请求用户授权获取地理位置。 5. 用户同意授权后，微信会将用户的地理位置信息返回给你的网页应用的回调地址。 6. 在回调地址的服务器端处理地理位置信息，并进行相应的业务逻辑操作。 需要注意的是，获取用户地理位置需要用户的授权，因此在开发过程中要提供明确的说明和获取授权的流程，确保用户的隐私安全。 具体的实现细节可以参考微信公众平台开发文档中关于网页授权和JS-SDK的相关内容。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

菜鸟程序员a

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值