【记录】网页获取微信授权

最新推荐文章于 2022-02-23 14:51:04 发布
最新推荐文章于 2022-02-23 14:51:04 发布
阅读量631 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Damionew/article/details/88354352
版权

场景：在手机端用微信回答问卷时，客户想要通过微信获取用户信息

使用：SpringBoot、有域名的服务器（https://damionew.top）、微信公众平台测试号（带链接）、文档

开发过程：

1-申请微信公众平台测试号并完成配置

测试号信息appID 和 appsecret 是平台自动生成的

接口配置信息暂时无需填写

域名不要带https等

测试号二维码用于添加测试账号，只有列表中的用户才能使用，否则将提示无权限

任务目标

修改处填写域名，注意不要带https！

2-编写代码

项目结构

pom文件，主要是HTTPClient 和 Tomcat

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
	<modelVersion>4.0.0</modelVersion>
	<parent>
		<groupId>org.springframework.boot</groupId>
		<artifactId>spring-boot-starter-parent</artifactId>
		<version>2.0.3.RELEASE</version>
		<relativePath/> <!-- lookup parent from repository -->
	</parent>
	<groupId>com.test</groupId>
	<artifactId>weChatAuth</artifactId>
	<version>0.0.1-SNAPSHOT</version>
	<name>weChatAuth</name>
	<packaging>war</packaging>
	<description>微信授权</description>

	<properties>
		<java.version>1.8</java.version>
	</properties>

	<dependencies>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-thymeleaf</artifactId>
		</dependency> 
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-web</artifactId>
		</dependency>

		<dependency>
		    <groupId>org.apache.httpcomponents</groupId>
		    <artifactId>httpclient</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-tomcat</artifactId>
			<scope>provided</scope>
		</dependency>
		<!-- tomcat的支持.-->
        <dependency>
            <groupId>org.apache.tomcat.embed</groupId>
            <artifactId>tomcat-embed-jasper</artifactId>
            <scope>provided</scope>
        </dependency>
		<dependency>
        	<groupId>com.alibaba</groupId>
        	<artifactId>fastjson</artifactId>
        	<version>1.2.47</version>
        </dependency>
        <!-- 热启动 -->
		<dependency>  
            <groupId>org.springframework.boot</groupId>  
            <artifactId>spring-boot-devtools</artifactId>  
            <scope>provided</scope>  
            <optional>true</optional>  
		</dependency>
		<dependency>
		    <groupId>log4j</groupId>
		    <artifactId>log4j</artifactId>
		    <version>1.2.17</version>
		</dependency>
	</dependencies>

	<build>
		<finalName>wx</finalName>
		<plugins>
			<plugin>
				<groupId>org.springframework.boot</groupId>
				<artifactId>spring-boot-maven-plugin</artifactId>
			</plugin>
		</plugins>
		<resources>
			<resource>
				<directory>src/main/java</directory>
				<includes>
					<include>**/*.dat</include>
				</includes>
				<filtering>false</filtering>
			</resource>
			<resource>
				<directory>src/main/resources</directory>
			</resource>
		</resources>
	</build>

</project>

启动类如下，因为需要部署到带域名的服务器Tomcat上，所以继承了SpringBootServletInitializer 并重写configure


import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.boot.builder.SpringApplicationBuilder;
import org.springframework.boot.web.servlet.support.SpringBootServletInitializer;


@SpringBootApplication
public class WeChatAuthApplication extends SpringBootServletInitializer {

	public static void main(String[] args) {
		SpringApplication.run(WeChatAuthApplication.class, args);
	}
	@Override
	protected SpringApplicationBuilder configure(SpringApplicationBuilder application) {
        return application.sources(WeChatAuthApplication.class);
    }
}

项目配置，主要是Log4j和项目名（因为需要部署到外部服务器的Tomcat上）

server.servlet.context-path=/wx
## LOG4J配置
log4j.rootCategory=DEBUG,stdout
## 控制台输出
log4j.appender.stdout=org.apache.log4j.ConsoleAppender
log4j.appender.stdout.layout=org.apache.log4j.PatternLayout
log4j.appender.stdout.layout.ConversionPattern=%d{yyyy-MM-dd HH:mm:ss,SSS} %5p %c{1}:%L - %m%n
logging.level.com.guide.springboot.server.mapper=debug

请求工具类，返回的是JSONObject，使用的是fastjson的jar包


import java.io.IOException;

import org.apache.http.HttpResponse;
import org.apache.http.client.ClientProtocolException;
import org.apache.http.client.methods.HttpGet;
import org.apache.http.impl.client.CloseableHttpClient;
import org.apache.http.impl.client.HttpClients;
import org.apache.http.util.EntityUtils;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Service;

import com.alibaba.fastjson.JSONObject;


/**
 * 微信处理工具类
 * @author yinyunqi
 *
 */
@Service
public class WeChatUtil {
	
	private static final Logger log = LoggerFactory.getLogger(WeChatUtil.class);
	
	public static JSONObject weChatTest(String url) {
		CloseableHttpClient httpCilent = HttpClients.createDefault();
		HttpGet httpGet = new HttpGet(url);
		String result = "";
		JSONObject jsonObject = new JSONObject();
		try {
			HttpResponse httpResponse = httpCilent.execute(httpGet);
			if(httpResponse.getStatusLine().getStatusCode() == 200){
				result = EntityUtils.toString(httpResponse.getEntity());//获得返回的结果
				log.info(result);
				jsonObject = JSONObject.parseObject(result);
            }
		} catch (ClientProtocolException e) {
			e.printStackTrace();
		} catch (IOException e) {
			e.printStackTrace();
		}
		return jsonObject;
	}
	
}

页面

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Insert title here</title>
</head>
<body>
<a href="/wx/weChat/auth">点击获取权限</a>
</body>
</html>

请求处理类，代码中大部分都已注释

import java.io.IOException;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import com.alibaba.fastjson.JSONObject;
/**
 * 处理微信请求
 * @author yinyunqi
 *
 */
@Controller
public class WeChatController {
	private static final Logger log = LoggerFactory.getLogger(WeChatController.class);

	// 测试号平台 https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index
	// 公众号的唯一标识【必需】
	public static final String APPID = "wx3cc7cac0b41e9111";
	// 授权后重定向的回调链接地址， 请使用 urlEncode 对链接进行处理【必需】
	public static final String REDIRECT_URI = "https://damionew.top/wx/weChat/callBack";
	// 返回类型，请填写code【必需】
	public static final String RESPONSE_TYPE = "code";
	// 应用授权作用域【必需】
	// snsapi_base （不弹出授权页面，直接跳转，只能获取用户openid）
	// snsapi_userinfo （弹出授权页面，可通过openid拿到昵称、性别、所在地。并且， 即使在未关注的情况下，只要用户授权，也能获取其信息 ）
	public static final String SCOPE = "snsapi_userinfo";
	// 重定向后会带上state参数，开发者可以填写a-zA-Z0-9的参数值，最多128字节【非必需】
	public static final String STATE = "123";
	// 无论直接打开还是做页面302重定向时候，必须带此参数【必需】
	public static final String wechat_redirect = "";
	public static final String APPSECRET = "b51067db03de9fa9d785e99db70b937e"; 
	
	/**
	 * 初始页面
	 * @return
	 */
	@RequestMapping("/weChat")
	public String weChatTest() {
		log.info("weChat");
		return "weChat";
	}
	
	/**
	 * 点击页面超链请求此处
	 * @param req
	 * @param res
	 */
	@ResponseBody
	@RequestMapping("/weChat/auth")
	public void weChatAuth(HttpServletRequest req,HttpServletResponse res) {
		String url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid="+APPID
				+ "&redirect_uri="+REDIRECT_URI
				+ "&response_type="+RESPONSE_TYPE
				+ "&scope="+SCOPE
				+ "&state="+STATE
				+ "#wechat_redirect";
		log.info("url"+url);
		try {
			res.sendRedirect(url);
		} catch (IOException e) {
			e.printStackTrace();
		}
	}
	
	/**
	 * 上方 REDIRECT_URI 变量中带有的回调请求，即用户点击确定授权后所做的操作
	 * @param req
	 * @param res
	 */
	@ResponseBody
	@RequestMapping("weChat/callBack")
	public void weChatCallBack(HttpServletRequest req,HttpServletResponse res){
		String code = req.getParameter("code");
		log.info("code为："+code);
		String url = "https://api.weixin.qq.com/sns/oauth2/access_token?appid="+APPID
				+ "&secret="+APPSECRET
				+ "&code="+code
				+ "&grant_type=authorization_code";
		JSONObject jsonObject = WeChatUtil.weChatTest(url);
		String openId = jsonObject.getString("openid");
		String access_token = jsonObject.getString("access_token");
		log.info("openid为"+openId);
		// 拉取用户信息
		String url2 = "https://api.weixin.qq.com/sns/userinfo?access_token="+access_token
				+ "&openid="+openId
				+ "&lang=zh_CN";
		JSONObject userInfo = WeChatUtil.weChatTest(url2);
		log.info("唯一标识为：" + userInfo.getString("openid"));
		log.info("昵称为：" + userInfo.getString("nickname"));
		log.info("性别为：" + userInfo.getString("sex"));
		log.info("省为：" + userInfo.getString("province"));
		log.info("市为：" + userInfo.getString("city"));
		log.info("头像地址为：" + userInfo.getString("headimgurl"));
	}
}

返回结果大致如下

这些都是通过服务器查看的打印日志信息，但最后发现，只能通过这种方式获取到openid，但可能并不符合客户预期

比如：绑定手机号码、微信号

但这也是微信为安全考虑，否则用户随便访问几个公众号，微信号手机号全暴露了，用户就可能会陷入无休止的被骚扰中

另外项目地址 GItHub

Damionew
关注
网页拉取微信授权
weixin_44102044的博客
04-28 1375
记录一下自己写网页拉取微信登录授权的流程 1.首先需要在微信公众平台申请一个服务号 微信公众平台 2.在微信公众号请求用户网页授权之前，开发者需要先到公众平台官网中的“开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”的配置选项中，修改授权回调域名。请注意，这里填写的是域名（是一个字符串），而不是URL，因此请勿加 http:// 等协议头；（在这里微信公众平台会生成一...
html获取微信code,微信授权获取code（微信支付）
weixin_42118160的博客
06-04 2757
微信授权获取code(微信支付)2019-03-02编程之家https://www.jb51.cc编程之家收集整理的这篇文章主要介绍了微信授权获取code(微信支付)，编程之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。摘要：自带浏览器不支持h5支付，然后后台又做了一个微信支付的接口，然后要传code参数，代码写好总结后，就发到这里记录一下；页面的是微信浏览器还是其他浏览器，代码如下：(u...
微信如何进行网页授权
rocky0503的博客
06-22 1109
最近几天一直在弄微信的网页授权，其步骤官方文档蛮详细的，但是对萌新来说，其中个别参数很难理解和设置。官方文档如下：https://mp.weixin.qq.com/wiki?t=resource/res_main&amp;id=mp1421140842具体的授权认证过程可以按照下图：下面谈谈其中比较不容易解决的参数：1.appid每个公众号都有一个appid，和一个seceret，登录公众号的管理...
网站获取微信用户信息
zheng11223的专栏
03-09 525
微信一直都是比较坑的，具体有官方文档补全、文档错误（环境）、域名、目录要求严格等。我也不是专业开发微信，只是做网站要用到微信支付、微信登录注册、微信发消息等，没有什么专业的测试工具，一直是修改一点、上传一点、测试一下，有必要把代码整理一下好提醒自己。下面的代码意思是1-检测到在微信中且没登录就获取用户openID2-获取到openID后查找数据库发现有用户就自动登录3-数据库中没有用户信息就获取微...
网站获取微信授权登录功能
johnhuster的专栏
04-20 3万+
网站获取微信授权登录功能
微信网页授权和获取微信用户信息
xiwangxue的博客
05-08 506
1、需要注册服务号并认证，接口权限开通“网页授权”功能。2、利用微信给出用户授权地址，用户同意授权后，获取code，在通过code换取网页授权access_token，最后拉取用户信息。接口地址微信公众平台开发文档中均有给出。微信授权访问流程：1、建立自定义菜单。2、菜单配置跳转链接（这个链接就是用户同意授权地址，这样用户点击菜单的时候就能提示授权）。3、用户授权同意后获取code信息，微信会回传...
微信公众号授权获取用户信息及jwt登录
CodeCow
07-06 2177
微信公众号授权获取用户信息及jwt登录 《 岁月匆忙,偷得浮生半日闲—— 午休之余写下此文！！ 》
微信授权登录.rar
04-16
本文将详细解析“微信授权登录.rar”中的知识点，包括C#开放平台信息配置、代码调整、openid的使用以及微信小程序获取用户手机号码的接口。 首先，C#是一种广泛应用于Web开发的语言，常常与ASP.NET MVC框架结合，...
微信公众号实现扫码获取微信用户信息（网页授权）
01-20
刚开始接触微信的时候一头雾水，领导想要一个扫码获取微信用户信息的功能，而且是扫的别人的二维码，我是一阵忙活啊。 经过努力和尝试，终于功夫不负有心人啊，赶紧记录一下，我用的是thinkphp编写的。 第一步：就是...
WechatAuth类 封装了 微信消息及二维码类 可指定openid 发送消息
08-22
WechatAuth.class.php 封装了 微信消息及二维码类 可指定openid 发送消息 消息类型包括（text、image、voice、video、music、news、location、link、event）
微信网页授权获取用户信息，微信登录的实现
03-10
微信网页授权API使用 第三方网站获取微信用户信心并实现微信登录
Html5页面获取微信公众号的openid的方法
11-20
1、H5页面是运行在微信浏览器的 2、需要与公众号关联（即需要openid） 3、判断需求是否需要弹窗告知用户授权操作 4、获取地址栏参数判断是否有’code’,有的话直接传给后台换取openid,没有就跳转微信提供的获取code的链接 5、获取到的openid做本地存储，判断没有openid进行获取openid操作 6、这边的操作是不需要弹出授权框，且code不能重复使用，所以做了关注二维码弹窗且不能关闭弹窗操作 // 强制关注公众号，获取openid getCode = function () { if (sessionStorage.getItem("openid")&&ses
使用vue开发H5对接微信支付
qq_43147330的博客
05-27 2153
微信支付相对于支付宝支付来说比较麻烦，第一次对接也是研究了挺久才完成对接，在这里记录下我对接的办法； 第一步，我先创建了一个获取code的页面，页面具体内容如下： getUrlKey是截取code的方法，具体为： const getUrlKey = name => { //获取url 参数 return decodeURIComponent((new RegExp(’[?|&]’ + name + ‘=’ + ‘([^&;]+?)(&|#|;|$)’).exec(locati
.net开发 abp框架+vue的微信公众号的微信授权
xxuncle的博客
07-02 4670
1、在进行微信开发之前你   首先你得需要一个微信公众号（具体的申请步骤省略）2、进行微信开发的开发配置（我这里是配置一个测试账号后面的微信支付还是要走微信公众号  配置是一样的）URL为微信开发正确响应发送Token验证的地址目录，也就是公众号里的白名单配置Token是微信开发中用于回调微信响应的标识 根据个人需求进行配置即可js接口安全域名 是承接微信接口以供调用的域名地址另外微信支付还需要微...
微信网页授权登录
热门推荐
小唯一的博客
11-14 6万+
微信网页授权登录 日期:2016-11-14 作者:normanyang 功能:用于纪录微信网页授权步骤（前提条件：公众号为服务号，且通过认证） 微信网页授权api说明网址：https://mp.weixin.qq.com/wiki/4/9ac2e7b1f1d22e9e57260f6553822520.html 相关说明：目前微信api有两种方式获取用户信息。第一种是用户管理获取用户基本
H5页面获取微信用户openid极简攻略
latinhui的博客
02-23 7756
背景 之前每次写到获取openid 就觉得特别麻烦，网上很多代码段会把一部分功能分开写，确实相对合理，但是对于复制粘贴代码来说依赖越少越方便，所以根据自己的经验做了一个极简的复用代码 前置条件 1.公众号已认证，否则会出现“Scope 参数错误或没有 Scope 权限” 2.公众号后台设置安全域名 【公众号设置】=》【功能设置】=》【JS接口安全域名 】&【网页授权域名】 代码 前端 getOpenId(){ const code = getUrlParam('code') // 截取路径中的
Java 问卷调查
weixin_30682415的博客
02-20 689
1.你对自己的未来有什么规划？做了哪些准备？ 下学期就要进行Java编程的学习，下学期的主要计划就是好好学习，多动手，多编程，上课认真听讲，学好每一个知识点。为了学习Java，在假期的时候就对Java进行了一点接触，下载了Java的虚拟机，编译Java的各种软件，在自己的电脑中配置了Java的环境变量，同时还学习了毕向东老师的一些视频，感觉用处还是挺大的。 2.你认为什么是学习？学习有什么用？现在...
微信授权接口实现与用户信息管理
这段代码是PHP实现的一个微信授权功能，主要针对的是微信公众号或小程序的OAuth2.0授权流程。首先，它处理用户的授权请求，获取通过微信服务器返回的`js_code`，然后调用`getSession`函数进行授权验证。 1. **接口...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值