前言:如何快速接入第三方登录?无需第三方审核认证授权,一次性接入多个平台的解决方案,
此处实现使用SpringBoot+vue 实现此效果
1.申请接入应用
按需选择接入的类型
填写应用信息
完成应用创建后
2.前端配置
引入js
因为.vue文件中 只能存在一个<script>
标签,那咋办?
使用编码声明的方式将js配置成一个组件
上面的src就是你应用的此处地址
在页面中编写此代码
//引入组件 相当于 引入<script> 引用js
<scriptLink></scriptLink>
//第三方应用图标渲染的位置
<span id="hzy_fast_login"></span>
出现此图标你就成功渲染成功了
但是。。。你会不会觉得这图标有点丑。想使用自己的样式
打开F12找到QQ的logo 查看此链接 放在你自己的图标上即可
3.后端配置
先写一下接入第三方配置
读取配置类
package com.github.ucenter.config;
import org.springframework.beans.factory.InitializingBean;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Component;
/**
* @author: lujie
* @create: 2020/3/30
* @description: ConstantPropertiesUtil
**/
@Component
public class ConstantPropertiesUtil implements InitializingBean {
@Value("${oauth.appid}")
private String oauthAppId;
@Value("${oauth.token}")
private String oauthToken;
public static String OAUTH_APPID;
public static String OAUTH_TOKEN;
public static String OAUTH_TYPE;
@Override
public void afterPropertiesSet() throws Exception {
OAUTH_APPID = oauthAppId;
OAUTH_TOKEN = oauthToken;
OAUTH_TYPE ="get_user_info";
}
}
**创建HTTP 调用工具类 ,方便后面获取回调code 进行获取用户登录信息
**
package com.github.commonutils.utils;
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.io.PrintWriter;
import java.net.URL;
import java.net.URLConnection;
import java.util.List;
import java.util.Map;
/**
* @author: lujie
* @create: 2020/4/19
* @description: HttpRequest
**/
public class HttpRequest {
/**
* 向指定URL发送GET方法的请求 *
* * @param url * 发送请求的URL * @param param * 请求参数,请求参数应该是 name1=value1&name2=value2 的形式。 * @return URL 所代表远程资源的响应结果
*/
public static String sendGet(String url, String param) {
String result = "";
BufferedReader in = null;
try {
String urlNameString = url + "?" + param;
URL realUrl = new URL(urlNameString);
// 打开和URL之间的连接
URLConnection connection = realUrl.openConnection();
// 设置通用的请求属性
connection.setRequestProperty("accept", "*/*");
connection.setRequestProperty("connection", "Keep-Alive");
connection.setRequestProperty("user-agent",
"Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1;SV1)");
// 建立实际的连接
connection.connect();
// 获取所有响应头字段
Map<String, List<String>> map = connection.getHeaderFields();
// 遍历所有的响应头字段
for (String key : map.keySet()) {
System.out.println(key + "--->" + map.get(key));
}
// 定义 BufferedReader输入流来读取URL的响应
in = new BufferedReader(new InputStreamReader(connection.getInputStream()));
String line;
while ((line = in.readLine()) != null) {
result += line;
}
} catch (Exception e) {
System.out.println("发送GET请求出现异常!" + e);
e.printStackTrace();
}
// 使用finally块来关闭输入流
finally {
try {
if (in != null) {
in.close();
}
} catch (Exception e2) {
e2.printStackTrace();
}
}
return result;
}
/**
* 向指定 URL 发送POST方法的请求 * * @param url * 发送请求的 URL * @param param * 请求参数,请求参数应该是 name1=value1&name2=value2 的形式。 * @return 所代表远程资源的响应结果
*/
public static String sendPost(String url, String param) {
PrintWriter out = null;
BufferedReader in = null;
String result = "";
try {
URL realUrl = new URL(url);
// 打开和URL之间的连接
URLConnection conn = realUrl.openConnection();
// 设置通用的请求属性
conn.setRequestProperty("accept", "*/*");
conn.setRequestProperty("connection", "Keep-Alive");
conn.setRequestProperty("user-agent", "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1;SV1)");
// 发送POST请求必须设置如下两行
conn.setDoOutput(true);
conn.setDoInput(true);
// 获取URLConnection对象对应的输出流
out = new PrintWriter(conn.getOutputStream());
// 发送请求参数
out.print(param);
// flush输出流的缓冲
out.flush();
// 定义BufferedReader输入流来读取URL的响应
in = new BufferedReader(new InputStreamReader(conn.getInputStream()));
String line;
while ((line = in.readLine()) != null) {
result += line;
}
} catch (Exception e) {
System.out.println("发送 POST 请求出现异常!" + e);
e.printStackTrace();
}
//使用finally块来关闭输出流、输入流
finally {
try {
if (out != null) {
out.close();
}
if (in != null) {
in.close();
}
} catch (IOException ex) {
ex.printStackTrace();
}
} return result;
}
}
创建微信回调接口
要保证你填写的这个地址能访问到你的接口
**
package com.github.ucenter.controller;
import cn.hutool.core.util.StrUtil;
import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONObject;
import com.github.commonutils.constants.CommonConstant;
import com.github.commonutils.utils.HttpRequest;
import com.github.commonutils.utils.JwtUtils;
import com.github.ucenter.config.ConstantPropertiesUtil;
import com.github.ucenter.entity.UcenterMember;
import com.github.ucenter.service.UcenterMemberService;
import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import javax.annotation.Resource;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
/**
* @author: lujie
* @create: 2020/4/19
* @description: WeChatCallbackController 微信回调接口函数
**/
@Controller
@Slf4j
public class WeChatCallbackController {
@Resource
private UcenterMemberService ucenterMemberService;
@GetMapping
public void WeChatCallback(@RequestParam("code") String code, HttpServletResponse response) throws IOException {
log.info("=================================第三方登录唯一标识:"+code);
String baseURL = "http://open.51094.com/user/auth.html";
String params = "type=get_user_info&code="+code+"&appid="+ConstantPropertiesUtil.OAUTH_APPID+"&token="+ConstantPropertiesUtil.OAUTH_TOKEN;
String result = HttpRequest.sendPost(baseURL, params);
JSONObject jsonObject = JSONObject.parseObject(result);
String name = jsonObject.getString("name");
String img = jsonObject.getString("img");
Integer sex = jsonObject.getInteger("sex");
String from = jsonObject.getString("from");
String openId = jsonObject.getString("uniq");
UcenterMember user =null == ucenterMemberService.getByOpenId(openId)?
new UcenterMember():ucenterMemberService.getByOpenId(openId);
user.setNickname(name);
user.setOpenid(openId);
user.setAvatar(img);
user.setSex(sex);
/**
*新用户注册
*/
if(StrUtil.isBlank(user.getId())){
user.setAge(CommonConstant.DEFAULT_AGE);
ucenterMemberService.save(user);
//登录
}else {
ucenterMemberService.updateById(user);
}
//此处跳转首页
String token = JwtUtils.getJwtToken(user.getId(),user.getNickname());
response.sendRedirect("http://127.0.0.1:3000?token="+token) ;
}
}
有问题在底下留言!!!啾咪~