• Spring Boot 2020 官方基础68课程第24个Spring Boot and OAuth2

    本节展示如何使用OAuth 2.0和Spring Boot构建一个示例应用程序，进行各种登录操作。

    它从一个简单的单一提供者单点登录开始 

    这些示例都是在后端使用Spring Boot和Spring Security的单页应用程序。它们也都在前端使用普通jQuery。但是，转换为不同的JavaScript框架或使用服务器端渲染所需的更改将是最小的。

    所有示例都使用Spring Boot中的本地OAuth 2.0支持实现。 

    • simple:一个非常基本的静态应用程序，只有一个主页，并通过Spring Boot的OAuth 2.0配置属性无条件登录（如果您访问主页，您将自动重定向到GitHub）。
    • click：添加用户必须单击才能登录的显式链接。
    • logout：为经过身份验证的用户添加一个logout链接。
    • 两个提供者：添加第二个登录提供者，以便用户可以在主页上选择使用哪个。
    • 自定义错误：为未经身份验证的用户添加错误消息，以及基于GitHub API的自定义身份验证。

    创建一个springBoot空的Web项目。

    在static下创建index.html ,内容如下：

    1. <!doctype html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="utf-8"/>
    5.     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    6.     <title>Demo</title>
    7.     <meta name="description" content=""/>
    8.     <meta name="viewport" content="width=device-width"/>
    9.     <base href="/"/>
    10.     <link rel="stylesheet" type="text/css" href="/webjars/bootstrap/css/bootstrap.min.css"/>
    11.     <script type="text/javascript" src="/webjars/jquery/jquery.min.js"></script>
    12.     <script type="text/javascript" src="/webjars/bootstrap/js/bootstrap.min.js"></script>
    13. </head>
    14. <body>
    15. 	<h1>Demo</h1>
    16. 	<div class="container"></div>
    17. </body>
    18. </html>

    由于页面引入了bootstrap jquery.需要在Pom里引入依赖。

    1. <dependency>
    2. 	<groupId>org.webjars</groupId>
    3. 	<artifactId>jquery</artifactId>
    4. 	<version>3.4.1</version>
    5. </dependency>
    6. <dependency>
    7. 	<groupId>org.webjars</groupId>
    8. 	<artifactId>bootstrap</artifactId>
    9. 	<version>4.3.1</version>
    10. </dependency>
    11. <dependency>
    12. 	<groupId>org.webjars</groupId>
    13. 	<artifactId>webjars-locator-core</artifactId>
    14. </dependency>

    在github上创建一个appID 

     复制Client ID 和client Secret ,修改到yaml里。

    1. spring:
    2.   security:
    3.     oauth2:
    4.       client:
    5.         registration:
    6.           github:
    7.             clientId: 938a bbeaa4d4a
    8.             clientSecret: 68d 5124e0f60c8587

    这时再访问，就会跳转到gitHub先登录了。

    如果您一直登录到GitHub，即使您在没有cookies和缓存数据的新浏览器中打开它，也无需重新验证此本地应用。（这就是单点登录的含义。）

    添加一个controller

    1.   @GetMapping("/user")
    2.     public Map user(@AuthenticationPrincipal OAuth2User principal) {
    3.         return Collections.singletonMap("name", principal.getAttribute("name"));
    4.     }

     

    1. <script type="text/javascript">
    2.     $.get("/user", function(data) {
    3.         $("#user").html(data.name);
    4.         $(".unauthenticated").hide()
    5.         $(".authenticated").show()
    6.     });
    7. </script>

     

    看来可以试一下整合QQ登录。 先QQ互联官网首页

     

     

     

     1. 实现QQ登录功能

    2.1. 直接打开QQ登录弹窗

    2.2. 注销当前登录用户

    2.3. 检测当前登录状态

    2.4. 获取当前登录用户的Access Token以及OpenID

     

  • 相关阅读:
    【C语言】【数据结构】【顺序表】
    Anaconda 配置镜像源——命令大全
    《认知盈余》核心摘要——“人们实际上很喜欢创造并分享”： 参与是一种行为
    XML解析是一种常见的任务，它允许我们从XML文档中提取数据并进行处理
    2022实验室更新 DBCO-NH2,DBCO-Amine 叠氮化物功能化化合物
    【场景化解决方案】构建医疗通讯录，“慧医钉”助力医院实现数字化管理
    JAVA操作Json的ObjectMapper类
    mysql之GROUP_CONCAT
    端口安全、MAC地址漂移、MACsec、流量控制、DHCP snooping
    【新知实验室 基于WEB的实时音视频（TRTC）案例搭建】
  • 原文地址：https://blog.csdn.net/ldy889/article/details/127550812