1.我们需要在微信公众号（公众平台）账号

地址是：https://open.weixin.qq.com/

下面是我们注册的页面：

注册成功之后我们就可以创建应用了：

这里我们就可以取得设置回调地址和获取appID 和 appsecret

2.如果你想测试，我们可以申请微信开放平台

这里我们就不多说，下面我们也可以申请测试账号：http://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index

这是我们就可以获取appID 和 appsecret

最后我们要设置回调地址，这里就是我们的域名，并不加http:// 或 http:// 只是填写域名就可以：

点击网页授权获取用户信息最右侧的修改就可以填写回调地址：

之后我们需要开发者认证，这里要掏钱了：

功能的集成

前期的工作准备好以后我们就可看集成的文档了：

文档的地址是： https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842

具体流程图如下：

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

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

下面就是我们的代码部分了：

maven依赖：

<dependency><groupId>commons-httpclient</groupId><artifactId>commons-httpclient</artifactId><version>3.0.1</version></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-devtools</artifactId></dependency><dependency><groupId>org.apache.commons</groupId><artifactId>commons-io</artifactId><version>1.3.2</version>
</dependency><dependency><groupId>org.apache.commons</groupId><artifactId>commons-lang3</artifactId><version>3.4</version></dependency><dependency><groupId>org.apache.httpcomponents</groupId><artifactId>httpclient</artifactId><version>4.3.2</version></dependency><dependency><groupId>com.alibaba</groupId><artifactId>fastjson</artifactId><version>1.2.38</version></dependency>

配置application.properties：

####微信的登陆密钥#######
#微信开放平台创建的网站应用的appid 和 appsecret
appid=
appsecret=
scope=snsapi_login
#微信开放平台创建的网站 设置的授权回调域
callBack=

scope部分我们要特别注意的是：

微信公众号（公众平台）和微信开放平台是两码事。公众号（公众平台）获取的scope只包括两种：snsapi_base 和snsapi_userinfo，前者是静默获取，用户无感知；后者是需要用户确认同意的。

但是微信开放平台(https://open.weixin.qq.com/) 就可以获取snsapi_login这种scope。坑爹的是，公众平台的认证和开放平台的认证是独立的，你如果想获取snsapi_login，还需要重新注册开放平台，交300块钱认证。

如果你只是想实现微信扫二维码登录的话，其实snsapi_base 也足够了，因为它可以获取到用户的openid，你可以之后用来和自己数据库中作比对。

下面是工具类，HttpRequestUtils.java：

package com.haihua.haihua.Utils;import com.fasterxml.jackson.databind.ObjectMapper;
import org.apache.http.HttpEntity;
import org.apache.http.HttpResponse;
import org.apache.http.client.ClientProtocolException;
import org.apache.http.client.methods.HttpGet;
import org.apache.http.client.methods.HttpPost;
import org.apache.http.entity.StringEntity;
import org.apache.http.impl.client.DefaultHttpClient;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.util.HashMap;
import java.util.Iterator;
import java.util.List;
import java.util.Map;
/*** Created by liuzp on 2018/5/10.*/
public class HttpRequestUtils {private static  Logger log = LoggerFactory.getLogger(HttpRequestUtils.class);private static ObjectMapper objectMapper = new ObjectMapper();/*** http请求工具类，post请求** @param url    url* @param params 参数值 仅支持String和list两种类型* @return* @throws Exception*/public static String httpPost(String url, Map<String, Object> params) throws Exception {DefaultHttpClient defaultHttpClient = null;BufferedReader bufferedReader = null;try {defaultHttpClient = new DefaultHttpClient();HttpPost httpPost = new HttpPost(url);httpPost.setHeader("Content-Type", "application/json;charset=ut-8");if (params != null) {//转换为json格式并打印，不需要的你们可以不要String jsonParams = objectMapper.writeValueAsString(params);log.info("参数值：{}", jsonParams);HttpEntity httpEntity = new StringEntity(jsonParams, "utf-8");httpPost.setEntity(httpEntity);}HttpResponse httpResponse = defaultHttpClient.execute(httpPost);if (httpResponse.getStatusLine().getStatusCode() != 200) {String errorLog="请求失败，errorCode:"+httpResponse.getStatusLine().getStatusCode();log.info(errorLog);throw new Exception(url+errorLog);}//读取返回信息String output;bufferedReader=new BufferedReader(new InputStreamReader(httpResponse.getEntity().getContent(),"utf-8"));StringBuilder stringBuilder=new StringBuilder();while ((output=bufferedReader.readLine())!=null){stringBuilder.append(output);}return stringBuilder.toString();} catch (ClientProtocolException e) {e.printStackTrace();throw e;}catch (IOException e){e.printStackTrace();throw e;}finally {if(defaultHttpClient!=null)defaultHttpClient.getConnectionManager().shutdown();if(bufferedReader!=null)bufferedReader.close();}}/*** http请求工具类，get请求* @param url* @param params* @param resonseCharSet* @return* @throws Exception*/public static String httpGet(String url, Map<String, Object> params,String ...resonseCharSet) throws Exception {DefaultHttpClient defaultHttpClient = null;BufferedReader bufferedReader = null;try {defaultHttpClient = new DefaultHttpClient();if(params!=null){StringBuilder stringBuilder=new StringBuilder();Iterator<String> iterator=params.keySet().iterator();String key;while (iterator.hasNext()){key=iterator.next();Object val=params.get(key);if(val instanceof List){List v= (List) val;for (Object o:v){stringBuilder.append(key).append("=").append(o.toString()).append("&");}}else{stringBuilder.append(key).append("=").append(val.toString()).append("&");}}stringBuilder.deleteCharAt(stringBuilder.length()-1);url=url+"?"+stringBuilder.toString();log.info("url:{}",url);}HttpGet httpGet = new HttpGet(url);httpGet.setHeader("Content-Type", "application/json;charset=ut-8");HttpResponse httpResponse = defaultHttpClient.execute(httpGet);if (httpResponse.getStatusLine().getStatusCode() != 200) {String errorLog="请求失败，errorCode:"+httpResponse.getStatusLine().getStatusCode();log.info(errorLog);throw new Exception(url+errorLog);}//读取返回信息String charSet="utf-8";if(resonseCharSet!=null && resonseCharSet.length>0)charSet=resonseCharSet[0];String output;bufferedReader=new BufferedReader(new InputStreamReader(httpResponse.getEntity().getContent(),charSet));StringBuilder dataBuilder=new StringBuilder();while ((output=bufferedReader.readLine())!=null){dataBuilder.append(output);}return dataBuilder.toString();} catch (ClientProtocolException e) {e.printStackTrace();throw e;}catch (IOException e){e.printStackTrace();throw e;}finally {if(defaultHttpClient!=null)defaultHttpClient.getConnectionManager().shutdown();if(bufferedReader!=null)bufferedReader.close();}}//测试方法public static void main(String[] args) {String url="这里填写你的地址";Map<String,Object> map=new HashMap<String,Object>();map.put("index","aaa");//这里是参数值try {String output=httpPost(url,map);log.info(output);}catch (Exception e){e.printStackTrace();}}}

下面是CoreController.java

package com.haihua.haihua.controller;import com.haihua.haihua.Utils.HttpRequestUtils;
import org.json.JSONObject;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;import java.io.UnsupportedEncodingException;
import java.net.URLEncoder;/*** Created by liuzp on 2018/5/9.*/
@Controller
public class CoreController {private Logger logger = LoggerFactory.getLogger(this.getClass());@Value("${appid}")private String appid;@Value("${callBack}")private String callBack;@Value("${scope}")private String scope;@Value("${appsecret}")private String appsecret;@RequestMapping("/1")public String index1(Model model) throws UnsupportedEncodingException {String redirect_uri = URLEncoder.encode(callBack, "utf-8"); ;model.addAttribute("name","liuzp");model.addAttribute("appid",appid);model.addAttribute("scope",scope);model.addAttribute("redirect_uri",redirect_uri);return "index1";}@RequestMapping("/")public String index(Model model) throws UnsupportedEncodingException {String oauthUrl = "https://open.weixin.qq.com/connect/qrconnect?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect";String redirect_uri = URLEncoder.encode(callBack, "utf-8"); ;oauthUrl =  oauthUrl.replace("APPID",appid).replace("REDIRECT_URI",redirect_uri).replace("SCOPE",scope);model.addAttribute("name","liuzp");model.addAttribute("oauthUrl",oauthUrl);return "index2";}@RequestMapping("/callBack")public String callBack(String code,String state,Model model) throws Exception{logger.info("进入授权回调,code:{},state:{}",code,state);//1.通过code获取access_tokenString url = "https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code";url = url.replace("APPID",appid).replace("SECRET",appsecret).replace("CODE",code);String tokenInfoStr =  HttpRequestUtils.httpGet(url,null,null);JSONObject tokenInfoObject = new JSONObject(tokenInfoStr);logger.info("tokenInfoObject:{}",tokenInfoObject);//2.通过access_token和openid获取用户信息String userInfoUrl = "https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID";userInfoUrl = userInfoUrl.replace("ACCESS_TOKEN",tokenInfoObject.getString("access_token")).replace("OPENID",tokenInfoObject.getString("openid"));String userInfoStr =  HttpRequestUtils.httpGet(userInfoUrl,null,null);logger.info("userInfoObject:{}",userInfoStr);model.addAttribute("tokenInfoObject",tokenInfoObject);model.addAttribute("userInfoObject",userInfoStr);return "result";}}

前端 index1.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>内嵌(自定义二维码)</title>
</head>
<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script><body>
<h1>hello! <label th:text="${name}"></label></h1>
<div id="login_container"></div>
<script th:inline="javascript">var obj = new WxLogin({self_redirect:true,id:"login_container",appid: [[${appid}]],scope: [[${scope}]],redirect_uri: [[${redirect_uri}]],state: "",style: "",href: ""});
</script>
</body>
</html>

前端 index2.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<h1>hello! <label th:text="${name}"></label></h1>
<a  th:href="${oauthUrl}">点击扫码登录</a>
</body>
</html>

前端 result.html：

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>授权结果页</title>
</head>
<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script><body>
<h2>你好，授权成功!</h2><br>
<h3>通过code换取access_token 结果:</h3>
<p th:text="${tokenInfoObject}"></p>
<h3>通过access_token获取用户信息 结果:</h3>
<p th:text="${userInfoObject}"></p>
</body>
</html>

这了我们就完成了微信登录的功能，当然最重要的是要给腾讯掏钱，坑爹！

第三方登陆（一）微信登陆相关推荐

AbpVnext 扩展企业微信扫码登录（钉钉登陆、短信登陆、微信登陆等）Vue框架
目录 1.开始开发准备 1.1 企业微信扫码登陆接入流程 1.2 开启网页授权登陆 1.3 构造独立窗口登陆二维码 1.4 构造内嵌登陆二维码 @@登陆顺序: 1. 发现文档配置 2. 获取token ...
微信登陆的LOL只有一个服务器,《LOL》哪些区可以微信登陆可微信登陆大区汇总一览...
导读 <英雄联盟>官方今天宣布,部分大区开启了微信登陆功能,玩家可以将微信与QQ绑定,通过扫码登陆,一起来了解一下吧. 官方公告: 我们将于5月6日在征服之海,均衡教派,卡拉曼达,巨龙之 ...
微信开放平台开发第三方授权登陆：微信扫码登录
一.概述根据需求,需要拥有第三方微信登录功能,并获取到用户信息. 网站应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统. 二.前期准备工作 1.注册邮箱账号. 2.根 ...
第三方登陆：微信官方登陆
第三方登陆:微信官方登陆一.首先进入微信授权登陆之前的一个验证,在微信开放平台注册开发者账号,并拥有一个已经审核通过的移动应用,获得相应的AppID和AppSecrect,申请微信通过审核后(如下如 ...
joomla QQ登录，微信登录，微博登陆，人人登陆，明道登录的第三方登录
在joomla网站上集成QQ,微信,支付宝,人人,明道,短信,微博登录现在已经成为可能.只需要安装ZMAX程序人开发的ZMAX第三方登录组件,一键就可以让你的网站轻松集成当前流行的第三方登录. 国产开 ...
Android第三方登录签名错误,关于应用签名修改后第三方微信登陆不了的问题
android员工离职后,今天重新生成了打包的key算是以防万一吧. 再次运行程序的时候发现第三方微信登陆不了. 第一步:打包程序并查看微信开放平台的应用签名是否正确. 使用新的签名打包程序同时运行 ...
第三方微信登陆的后台实现
关于微信第三方的开发,官方文档给了很详细的解析说明,有不清楚流程的同学可以先去官网学习,而我这里主要是整理一下自己的后台处理流程. 其实微信登录就是通过用户的授权,允许app获取用户的微信信息,再往自 ...
uni-app关于小程序及app端第三方微信登陆问题（app端如何取得code值）
加强安全保护,防止部分应用邀请新用户有奖励而产生的刷号行为,和后端配合,不从前端传openid,取得相应的code值给后端,后端再去拿到openid获取用户信息. 1.第三方微信登陆,主要是在获取co ...
第三方网站实现绑定微信登陆
最近在公司负责一个ROR项目,基于Rabel的论坛产品,老板想把这个产品植入微信,让我做微信绑定登陆.微信开发文档还是很不错的,折腾了几天,把这个功能拿下了. 微信获取用户资料文档:http://mp ...
android微信第三方登陆混淆,Android 第三方应用接入微信平台研究情况分享(二)
微信平台开放后倒是挺火的,许多第三方应用都想试下,毕竟可以利用微信建立起来的关系链来拓展自己的应用还是挺不错的,可以节约很多在社交方面的开销,我最近由于实习需要也在研究这个东西,不过发现网上的相关资料 ...

第三方登陆（一）微信登陆

1.我们需要在微信公众号（公众平台）账号

2.如果你想测试，我们可以申请微信开放平台

功能的集成

第三方登陆（一）微信登陆相关推荐

最新文章

热门文章