github授权登录由于网络原因时好时坏,所以切换成码云授权登录
所需资料
bootstrap资源文件存放地址
项目启动首页 index.html
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>码匠问题社区</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-theme.min.css"/>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">码匠社区</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">码匠社区</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="搜索问题">
</div>
<button type="submit" class="btn btn-default">搜索</button>
</form>
<ul class="nav navbar-nav navbar-right">
<!--
<li><a href="https://github.com/login/oauth/authorize?client_id=f1ed713b0c83d858937d&state=1">登录</a></li>
-->
<li><a href="https://gitee.com/oauth/authorize?client_id={client_id}&redirect_uri={redirect_uri}&response_type=code
&state=1">登录</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">我 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">消息中心</a></li>
<li><a href="#">个人信息</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">退出登录</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</body>
</html>
pom.xml
<?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 https://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.1.4.RELEASE</version>
<relativePath/> <!-- lookup parent from repository -->
</parent>
<groupId>com.majiang.community</groupId>
<artifactId>community</artifactId>
<version>0.0.1-SNAPSHOT</version>
<name>community</name>
<description>码匠问题社区</description>
<properties>
<java.version>1.8</java.version>
</properties>
<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
<dependency>
<groupId>com.squareup.okhttp3</groupId>
<artifactId>okhttp</artifactId>
<version>4.9.3</version>
</dependency>
<dependency>
<groupId>cn.hutool</groupId>
<artifactId>hutool-all</artifactId>
<version>5.8.0.M2</version>
</dependency>
<dependency>
<groupId>com.alibaba</groupId>
<artifactId>fastjson</artifactId>
<version>2.0.1</version>
</dependency>
<!-- mybatis-plus-->
<dependency>
<groupId>com.baomidou</groupId>
<artifactId>mybatis-plus-boot-starter</artifactId>
<version>3.2.0</version>
</dependency>
<!-- 导入mysql驱动 -->
<!-- https://mvnrepository.com/artifact/mysql/mysql-connector-java -->
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
</dependency>
<!-- https://mvnrepository.com/artifact/log4j/log4j -->
<dependency>
<groupId>log4j</groupId>
<artifactId>log4j</artifactId>
<version>1.2.17</version>
</dependency>
<!--热部署配置-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-devtools</artifactId>
</dependency>
</dependencies>
<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
</plugin>
</plugins>
</build>
</project>
IndexController
package com.majiang.community.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
@Controller
public class IndexController {
@GetMapping("/")
public String index(){
return "index";
}
}
在码云上创建第三方应用
应用创建完成后会生成 Client ID 和Client Secret,后面授权登录会用到
用生成的client_id和redirect_uri(应用回调地址)替换之前的index.html中登录中href中的占位符
创建回调类 AuthorizeController
package com.majiang.community.controller;
import com.majiang.community.dto.AccessTokenDto;
import com.majiang.community.dto.GiteeUserDto;
import com.majiang.community.util.HttpClientUtil;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;
@Controller
public class AuthorizeController {
Logger logger=LoggerFactory.getLogger(AuthorizeController.class);
@Autowired
private HttpClientUtil httpClientUtil;
@Value("${gitee.client.id}")
private String client_id;
@Value("${gitee.client.secrets}")
private String client_secret;
@Value("${gitee.redirect_uri}")
private String redirect_uri;
@GetMapping("/callBack")
public String callBack(@RequestParam(name = "state")String state,
@RequestParam(name = "code")String code){
AccessTokenDto accessTokenDto = new AccessTokenDto();
accessTokenDto.setCode(code);
accessTokenDto.setClient_id(client_id);
accessTokenDto.setRedirect_uri(redirect_uri);
accessTokenDto.setClient_secret(client_secret);
accessTokenDto.setState(state);
//1.获取access_token
String access_token = httpClientUtil.httpResult(accessTokenDto);
//2.通过access_token获取用户信息
GiteeUserDto user = httpClientUtil.getUser(access_token);
logger.info(user.getId()+" "+user.getLogin()+" "+user.getBio()+" "+user.getAvatar_url());
return "index";
}
}
将授权需要的参数封装成一个dto类 AccessTokenDto
package com.majiang.community.dto;
public class AccessTokenDto {
private String client_id;
private String client_secret;
private String code;
private String redirect_uri;
private String state;
public String getClient_id() {
return client_id;
}
public void setClient_id(String client_id) {
this.client_id = client_id;
}
public String getClient_secret() {
return client_secret;
}
public void setClient_secret(String client_secret) {
this.client_secret = client_secret;
}
public String getCode() {
return code;
}
public void setCode(String code) {
this.code = code;
}
public String getRedirect_uri() {
return redirect_uri;
}
public void setRedirect_uri(String redirect_uri) {
this.redirect_uri = redirect_uri;
}
public String getState() {
return state;
}
public void setState(String state) {
this.state = state;
}
}
码云返回的用户信息封装成一个类 GiteeUserDto
package com.majiang.community.dto;
/**
*
* 已经改成码云登录
*/
public class GiteeUserDto {
private String login;
private Long id;
private String Bio;
private String avatar_url;
public String getLogin() {
return login;
}
public void setLogin(String login) {
this.login = login;
}
public Long getId() {
return id;
}
public void setId(Long id) {
this.id = id;
}
public String getBio() {
return Bio;
}
public void setBio(String bio) {
Bio = bio;
}
public String getAvatar_url() {
return avatar_url;
}
public void setAvatar_url(String avatar_url) {
this.avatar_url = avatar_url;
}
}
用户授权和用户信息的实现(可以使用网上的工具包,这里使用的是hutool,okHttp,hutool)
package com.majiang.community.util;
import cn.hutool.http.HttpRequest;
import cn.hutool.http.HttpUtil;
import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONObject;
import com.majiang.community.dto.AccessTokenDto;
import com.majiang.community.dto.GiteeUserDto;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Component;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
/**
* @date 2022-04-15
*/
@Component
public class HttpClientUtil {
Logger logger= LoggerFactory.getLogger(HttpClientUtil.class);
@Value("${gitee.access_token}")
private String accessToken;
@Value("${gitee.user.info}")
private String userInfo;
//获取access_token
public String httpResult(AccessTokenDto accessTokenDto){
//github url https://github.com/login/oauth/access_token
//这里使用fastjson将一个对象转换成json字符串JSON.toJSONString(accessTokenDto)
String result1= HttpUtil.post(accessToken, JSON.toJSONString(accessTokenDto));
logger.info("码云授权结果access_token"+result1);
JSONObject jsonObject = JSONObject.parseObject(result1);
String access_token = (String) jsonObject.get("access_token");
logger.info("access_token:"+access_token);
return access_token;
}
//获取用户信息
public GiteeUserDto getUser(String token){
//github https://api.github.com/user?token=
String result2 = HttpRequest.get(userInfo + token)
.header("Authorization", "token " + token).execute().body();
//这里使用fastjson将json字符串转换成一个对象进行返回
GiteeUserDto githubUserDto = JSON.parseObject(result2, GiteeUserDto.class);
return githubUserDto;
}
}
application.properties配置文件
#github
github.client.id=xxx
github.client.secrets=xxx
github.client.url=http://localhost:8887/index.html
#码云
gitee.client.id=xxx
gitee.client.secrets=xxx
gitee.redirect_uri=http://localhost:8887/callBack
#码云access_token获取地址
gitee.access_token=https://gitee.com/oauth/token?grant_type=authorization_code
gitee.user.info=https://gitee.com/api/v5/user?access_token=
application.yml
server:
port: 8887
spring:
datasource:
url: jdbc:mysql://localhost:3306/community
name: root
password: 123456
driver-class-name: com.mysql.cj.jdbc.Driver