java实现PC网站实现微信扫码登陆

最新推荐文章于 2024-03-03 14:22:00 发布
最新推荐文章于 2024-03-03 14:22:00 发布
阅读量2.7w 收藏 107
点赞数 9
分类专栏： 微信 文章标签： Java实现PC端微信扫码登陆
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36014509/article/details/88996562
版权

近期，开发一个项目要求PC网站可以进行扫码登陆。

1.前期工作

需要先在微信开放平台进行注册（https://open.weixin.qq.com/），并认证一个网站应用。

点击查看按钮，我们需要记录一下AppID,AppSercret的值，尤其第一次登陆的话生成好的AppSercret值一定要保存好。

这个接口主要用来就是登陆的，我们可以看到他的作用文档写的很详细，只是用来登陆的，不能作为他用，比如我这个项目还需要页面微信扫码支付的操作，只是开通一个这个应用是不够的，我们需要开通其他的带有支付的功能的应用连接商户平台才可以使用微信支付，我的做法是申请了一个服务号，绑定商户平台开通了微信支付功能，这里先不讲解，后期会写到微信支付。

这里面主需要记录AppID,AppSercret ，其中设置的地方就是授权回调域，不需要带www等 直接域名即可

 

2.开发阶段

 

2.1 参数配置

这些都是通用的大家直接拿去用  参数直接可以配置在application.properties 中 方便我们直接调用

weixin.pc.fw.accessTokenUrl=https://api.weixin.qq.com/sns/oauth2/access_token?
weixin.pc.fw.userInfoUrl=https://api.weixin.qq.com/sns/userinfo?

这两个就是上面让大家记住的两个参数

weixin.pc.fw.appID=111111111111
weixin.pc.fw.appsecret=11111111111111

 

2.2 连接地址

根据文档要求正常写就行

https://open.weixin.qq.com/connect/qrconnect?appid=AAA&redirect_uri=BBB&response_type=code&scope=snsapi_login&state=STATE#wechat_redirect

AAA就是让大家记住的那个参数

BBB就是回调地址，一定是跟我之前让大家在开放平台设置的回调域名下的地址

2.3后端代码实现

getPcWXAccessToken  getPcWeiXinUserInfo 这两个方法可以直接用

pcLoginByWeiXin 这个方法由于里面有我得业务逻辑，我直接删吧删吧就扔上来了，大家直接调试下就可以了，放心可用。

    @Value("${weixin.pc.fw.accessTokenUrl}")
    private String pcAccessTokenUrl;

    @Value("${weixin.pc.fw.userInfoUrl}")
    private String pcUserInfoUrl;


@RequestMapping(value = "/pcLoginByWeiXin", method = RequestMethod.POST)
	@ResponseStatus(HttpStatus.OK)
	public SourceDataBean<UserLoginBean> pcLoginByWeiXin(@RequestBody WeiXinLoginBean bean) {
		logger.info("WeiXinLoginController ==> pcLoginByWeiXin(){} code: " + bean.getCode());
		SourceDataBean<UserLoginBean> sdb = new SourceDataBean<UserLoginBean>();
		UserLoginBean userLoginBean = new UserLoginBean();
		String loginName = bean.getLoginName();
		String openId = bean.getOpenId();
		String code = bean.getCode(); // 微信code
		/** 错误信息 **/
		if (StringUtils.isBlank(userId) && StringUtils.isBlank(code) && loginName == null) {
			sdb.setMessage("501", "微信code为空");
			return sdb;
		}
		if (openId == null && code != null) {
			// 第一次进入界面，code不空，openid为空，根据code获取openid，然后查询是否存在用户信息。
			Map<String, String> accessTokenMap = getPcWXAccessToken(code); // 获取getWXAccessToken（微信网站PC扫码登录）
			/** 请求微信服务器错误 **/
			if (accessTokenMap.get("errcode") != null) {
				logger.error("LoginController ==> newLoginByWeiXin.getWXAccessToken(){errcode:"
						+ accessTokenMap.get("errcode") + ",errmsg:" + accessTokenMap.get("errmsg") + "}");
				sdb.setMessage(accessTokenMap.get("errcode"), accessTokenMap.get("errmsg"));
				return sdb;
			}
			openId = accessTokenMap.get("openid");
			accessToken = accessTokenMap.get("access_token");
			unionid = accessTokenMap.get("unionid");

			// 查询出微信信息
			Map<String, String> wxUserMap = this.getPcWeiXinUserInfo(openId, accessToken); // 获得微信用户信息
	
			/** 获取微信信息异常 **/
			if (wxUserMap.get("errcode") != null) {
				logger.error("LoginController ==> loginByWeiXin.getWeiXinUserInfo(){errcode:" + wxUserMap.get("errcode")
						+ ",errmsg:" + wxUserMap.get("errmsg") + "}");
				sdb.setMessage(wxUserMap.get("errcode"), wxUserMap.get("errmsg"));
				return sdb;
			


			}
		
				
		}
		return sdb;
	}

	/**
	 * 获取getPcWXAccessToken（微信网站PC扫码）
	 * 
	 */
	private Map<String, String> getPcWXAccessToken(String code) {
		logger.info("WeiXinLoginController ==> getPcWXAccessToken(){}");
		Map<String, String> resMap = new HashMap<String, String>();
		StringBuffer target = new StringBuffer();
		target.append(pcAccessTokenUrl).append("appid=").append(pcAppID).append("&secret=").append(pcAppsecret)
				.append("&code=").append(code).append("&grant_type=authorization_code");
		logger.info("WeiXinLoginController ==> getPcWXAccessToken(){} target: " + target);
		ClientResponseEntity responceEntity = HttpClientUtil.getMethod(target.toString(), "zh-cn");
		String resMessageString = responceEntity.getMessage();
		logger.info("WeiXinLoginController ==> getPcWXAccessToken(){} resMessageString: " + resMessageString);
		JSONObject jSONObject = JSON.parseObject(resMessageString);
		if (jSONObject != null && jSONObject.get("errcode") != null) { // 有错误码
			String errcode = String.valueOf(jSONObject.get("errcode"));
			String errmsg = String.valueOf(jSONObject.get("errmsg"));
			resMap.put("errmsg", errmsg);
			resMap.put("errcode", errcode);
		} else {
			String accessToken = String.valueOf(jSONObject.get("access_token"));
			String refreshToken = String.valueOf(jSONObject.get("refresh_token"));
			String openid = String.valueOf(jSONObject.get("openid"));
			String expiresIn = String.valueOf(jSONObject.get("expires_in"));
			String unionid = String.valueOf(jSONObject.get("unionid"));

			resMap.put("access_token", accessToken);
			resMap.put("refresh_token", refreshToken);
			resMap.put("openid", openid);
			resMap.put("expires_in", expiresIn);
			resMap.put("unionid", unionid);
		}
		return resMap;
	}

	/**
	 * 获得微信用户信息（微信网站PC扫码）
	 * 
	 * @param openId
	 * @param accessToken
	 * @return
	 */
	private Map<String, String> getPcWeiXinUserInfo(String openId, String accessToken) {
		Map<String, String> resMap = new HashMap<String, String>();
		StringBuffer url = new StringBuffer(pcUserInfoUrl);
		url.append("access_token=").append(accessToken).append("&").append("openid=").append(openId).append("&")
				.append("lang=zh_CN");
		logger.info("WeiXinLoginController ==> getPcWeiXinUserInfo(){} url: " + url);
		ClientResponseEntity responceEntity = HttpClientUtil.getMethod(url.toString(), "zh_CN");
		String resMessageString = null;
		try {

			resMessageString = new String(responceEntity.getMessage().getBytes("ISO-8859-1"), "UTF-8");
			// resMessageString =new
			// String(responceEntity.getMessage().getBytes(),"utf-8");
		} catch (UnsupportedEncodingException e) {
			logger.error("WeiXinLoginController ==> getPcWeiXinUserInfo().UnsupportedEncodingException{} 获取用户信息编码错误");
		}
		logger.info("WeiXinLoginController ==> getPcWeiXinUserInfo(){} resMessageString: " + resMessageString);
		JSONObject jSONObject = JSON.parseObject(resMessageString);
		if (jSONObject != null && jSONObject.get("errcode") != null) {
			String errcode = String.valueOf(jSONObject.get("errcode"));
			String errmsg = String.valueOf(jSONObject.get("errmsg"));
			resMap.put("errmsg", errmsg);
			resMap.put("errcode", errcode);
		} else {
			String nickname = String.valueOf(jSONObject.get("nickname"));
			String openid = String.valueOf(jSONObject.get("openid"));
			String sex = String.valueOf(jSONObject.get("sex"));
			String province = String.valueOf(jSONObject.get("province"));
			String city = String.valueOf(jSONObject.get("city"));
			String country = String.valueOf(jSONObject.get("country"));
			String headimgurl = String.valueOf(jSONObject.get("headimgurl"));
			String unionid = String.valueOf(jSONObject.get("unionid"));

			resMap.put("nickname", nickname);
			resMap.put("openid", openid);
			resMap.put("sex", sex);
			resMap.put("province", province);
			resMap.put("city", city);
			resMap.put("country", country);
			resMap.put("headimgurl", headimgurl);
			resMap.put("unionid", unionid);
		}
		return resMap;
	}

2.4调试的时候前端JS的写法

		 	var openId = localStorage.getItem('openId');
			$(document).ready(function () {
				var user = localStorage.getItem('user');
			 	var code = getUrlParam('code');
				alert(code);
			 	if(code!=null){
				alert(commonIP + "api/weixinlogin/pcLoginByWeiXin");
					$.ajax({
						type: "POST",
						url: commonIP + "api/weixinlogin/pcLoginByWeiXin",
						data: JSON.stringify({
							"code":code
						}) ,
						contentType: 'application/json',
						success: function(data) {
							if (data.errcode == 200) {
								openId = data.openId;
								for (var i=0;i<data.dataSource.total;i++) {
									if(data.dataSource.list[i] != null 
										&& data.dataSource.list[i].user!=null
										&& data.dataSource.list[i].user.id != null){
										$('#farm_username').append('<option style="text-align:center;" value='+data.dataSource.list[i].user.id+'>'+
										data.dataSource.list[i].user.farmName+'：'+data.dataSource.list[i].user.name+'</option>')
									}
				                } 
							} else {
								if(data.errcode == '400'){
									openId = data.openId;
									window.top.location.href = 'login.html?openId='+openId;
								}else if(data.errcode == '40029'){
									alert('无效的微信code');
								}
							}
						}
					});
			 	}else if(user != null){
					$('#farm_username').append('<option value='+JSON.parse(user).id+'>'+
										JSON.parse(user).farmName+'：'+JSON.parse(user).name+'</option>')
				}
			});

这样我们PC端微信扫码登陆的功能就完成了

3.效果 

 

 

 

software_Dev_
关注
  • 9
    点赞
  • 踩
  • 107
    收藏
    觉得还不错? 一键收藏
  • 14
    评论
专栏目录
Java SpringMVC实现PC端网页微信扫码支付(完整版)
09-01
主要介绍了Java SpringMVC实现PC端网页微信扫码支付(完整版)的相关资料,非常不错具有一定的参考借鉴价值，需要的朋友可以参考下
Java开发PC端移动端同步微信授权登录注意的问题
Carson073的博客
11-06 1282
PC端官方文档： https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=open1419316505&token=55d9cc46bab257705b9db39f422679826412db1e&lang=zh_CN ...
Java实现扫码登录
weixin_41804570的博客
05-29 2016
产品线在已有APP端的情况下，产品需要在PC端通过扫码实现快捷免密登录，相比传统登录方式相对更加方便。
微信扫码登录（java）
最新发布
zip7986的博客
03-03 1252
操作流程：在微信的登录界面上，用户可以选择“扫码登录”选项。此时，系统会生成一个二维码，并提示用户使用另一台设备（如手机）打开微信扫一扫功能进行扫描。在另一台设备上打开微信扫一扫功能后，将摄像头对准二维码进行扫描，微信会自动识别并验证二维码的有效性。验证成功后，登录设备将显示用户的微信账号信息，用户只需点击确认登录按钮即可完成登录过程。应用场景：微信扫码登录广泛应用于各种场景，如电脑端微信登录、网页版微信登录、小程序登录等。此外，许多第三方应用也支持微信扫码登录功能，方便用户快速登录并授权访问相关信息。
如何使用 JAVA 开发微信登录教程
wu可达的博客
03-25 2180
微信登录 效果演示 步骤 1 : 点击图片进行微信登录测试 点击下面的图片进行微信登录测试 注： 只有PC端可以使用， 手机浏览器不能使用。 步骤 2 : 登录成功 登录成功之后，显示如图所示的信息，可以拿到微信用户昵称，头像。 更重要的是，拿到 授权用户唯一标识 openid. 因为同一个微信用户，扫描某个固定网站的微信登录界面，得到的 openid 都是一样的。所以通过它就可以与 与数据库里已经存在的用户数据进行关联 了，从而方便后续进行微信登录功能的开发了。 微信登录-微信开发平台 步骤 1 :
pc端使用微信扫码登录（思路篇）
weixin_47284756的博客
10-13 811
我们在PC中登录的时候有些需要扫码登录，例如CSDN网站登录扫描之后 需要关注公众号关注公众号就登录成功了。
java实现微信登录
小松的博客
04-08 2万+
参考链接：https://blog.csdn.net/chmod_r_755/article/details/75554735最近项目有微信登录的功能，在token验证的位置出了一些问题，我这里使用的是微信测试号。首先是微信测试号的配置：这里的token随便写什么都可以，唯一需要注意的就是要和后台使用的一致。url必须是公网的地址，微信会发一些数据来测试这个接口，这个时候你需要在后台接受这个数据并...
java扫码登入
weixin_59528412的博客
11-20 1722
springboot项目jquery+qrcode 实现扫码登入（超详细） 使用工具：redis+qrcode.js+jquery.js
Java后台实现网站微信扫码登录功能，获取用户openid，及微信用户信息（小程序码方案），关联微信小程序（个人主体小程序也可以）
programming132的博客
10-26 1万+
扫描小程序码，实现微信扫码登录信息，使用 SpringBoot 封装接口，填入基本信息，可以直接使用。
【app扫码登录】Java app扫码登录功能实现
qq_38178433的博客
11-04 2922
【代码】Java app扫码登录功能实现。
Java实现微信扫码登录
Cike___的博客
02-06 1万+
微信扫码授权登录
PC端微信扫码关注公众号登陆
12-21
完整封装微信服务号扫码登陆代码,复制修改配置即可使用，带文档说明，流程介绍
snsjava源码-wechat-login:基于SpringBoot和WxJava实现网站接入微信扫码登录
06-18
sns java 源码 基于 Spring Boot 和 WxJava 实现网站接入微信扫码登录 1. 概述 项目源码： 如果项目存在什么问题，欢迎大家提 ，期待你的来访 demo 使用了Spring Boot 和 (微信开发 Java SDK，支持包括微信支付、开放平台、小程序、企业微信/企业号和公众号等的后端开发) WxJava WxJava 是使用 Java 进行微信开发的一款广受好评的 SDK，GitHub star 15K+，文档和 demo 丰富。简单易用，极大地较少了微信开发的工作量和时间成本。感兴趣的同学可到 GitHub 下载其源码进行学习。本 Demo 仅使用到其 公众号模块-weixin-java-mp 最终实现效果：网站登录 —> 引导到微信授权登录页—> 微信扫码进行授权 2. 前置工作 网站应用微信登录是基于 OAuth2.0 协议标准构建的微信OAuth2.0授权登录系统。 在进行微信 OAuth2.0 授权登录接入之前，在注册开发者帐号，并拥有一个已审核通过的网站应用，并获得相应的 AppID 和 AppSecret ，申请微信登录且通过审核后，可开始接
SpringBoot 实现扫码登录
06-23
手机端登录接口 生成PC端二维码接口 PC端监听二维码session状态接口，目前定义状态：0 二维码生成成功 ，1 手机端扫码成功 2手机端确认登录 -1 sessionId过期失效 二维码扫描通知，手机端扫描成功会调用此接口，发送session通知 手机端确认通知，手机端确认登录会调用此接口，发送确认登录通知 显示登录扫描二维码，使用base64编码显示二维码 二维码显示成功后，使用SSE方式开启二维码session监听状态，状态：0 二维码生成成功 ，1 手机端扫码成功 2手机端确认登录 -1 sessionId过期失效 调用登录接口，跳转到扫描二维码界面 扫描二维码，发送扫描通知 二维码有效，跳转到确认登录界面 在确认登录界面点击确认登录，发送确认登录通知
java微信扫描公众号二维码实现登陆功能
08-30
主要为大家详细介绍了PHP微信扫描公众号二维码实现登陆功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
java实现简单扫码登录功能(模仿微信网页版扫码)
热门推荐
gentlu的博客
11-21 5万+
#java实现简单扫码登录功能jsp+spring+struts2+mybatis：- **模仿微信pc网页版扫码登录** - **使用js代码生成*qrcode*二维码减轻服务器压力** - **js循环请求服务端,判断是否qrcode被扫** - **二维码超时失效功能** - **二维码被扫成功登录,服务端产生sessionId,传到页面使用js保存cookie** - **多线程**本文借鉴
PC网站实现微信扫码登录功能（二）
qq_35771266的博客
08-19 2万+
上篇我们介绍了怎么申请账号以及最后拿到appId和appSecret,如果有不清楚的可以看一下 PC网站实现微信扫码登录功能（一） 下面我就来说一下怎样在PC端怎么实现扫码登录功能。 一、进入官方文档网站 https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html 其实官网对过程描述的已经非常细致了。并且提供了两种扫码方式。一种是跳转二维码扫描页面，另一种是内嵌式二维码。大家可以
关于pc端微信登录前后端分离的java后台开发
DW_weiwei的博客
05-21 2586
关于微信登录呢首先要去腾讯开发者平台选择微信开发者平台点进去注册登录网址为https://open.tencent.com/ 选择到网站应用进行创建申请博主是为公司开发所以一些东西都有 那要是个人开发的话微信好像有测试数据可以用你可以去了解一下就只是需要两个值一个是APPID一个是secret来进行开发创建网站应用时指定的回调地址不能写http://或者https://开头就好直接写你的www...
网页应用java实现微信扫码登录授权
durianll的博客
08-03 6713
准备工作: 在微信开放平台注册开发者帐号，并拥有一个已审核通过的网站应用，并获得相应的AppID和AppSecret，申请微信登录且通过审核后，可开始接入流程。 提交审核到通过大概需要一个礼拜的时间,通过后可以拿到AppId和AppSecret,有这两个就可以调用微信api换取微信用户信息了。 第一步：获得code 第三方使用网站应用授权登录前请注意已获取相应网页授权作用域（sc...
java实现PC网站实现微信扫码登录功能
07-15
要PC网站上实现微信扫码登录功能，可以按照以下步骤进行： 1. 注册微信开放平台账号：访问微信开放平台（https://open.weixin.qq.com/），使用微信账号登录并注册一个开放平台账号。 2. 创建应用并获取应用ID和密钥：在微信开放平台上创建一个应用，并获取对应的应用ID（AppID）和密钥（AppSecret）。 3. 引入微信登录SDK：下载并引入微信登录的Java SDK，可以使用官方提供的SDK或第三方库，例如weixin-java-tools。 4. 配置回调URL：在微信开放平台上配置回调URL，该URL用于接收微信授权回调的code。 5. 实现扫码登录页面：在PC网站上创建一个扫码登录页面，可以使用HTML和CSS进行布局和样式设计。 6. 发起微信授权请求：在扫码登录页面中，通过调用微信登录SDK提供的接口，生成带有应用ID和回调URL的二维码图片，并显示在页面上供用户扫码。 7. 处理微信授权回调：在设置的回调URL对应的接口中，获取微信授权回调的code，并使用该code调用微信登录SDK提供的接口，获取access_token和openid等用户信息。 8. 实现登录逻辑：根据获取到的用户信息，可以选择将用户信息保存到数据库中，或者进行其他逻辑处理。 需要注意的是，微信授权登录涉及到用户隐私和安全，建议在实施过程中加强安全验证和保护用户信息。 以上是一个大致的步骤，具体实现过程可以参考微信开放平台的文档和示例代码。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值