Spring Security

Casdoor 可以使用 OIDC 协议作为IDP 连接各种应用程序。 这里我们将使用Spring Security作为示例来告诉您如何使用 OIDC 连接到您的应用程序。

步骤1。 部署Casdoor

第一,应部署Casdoor。

您可以参考 服务器安装 的 Casdoor 官方文档。

在成功部署后,您需要确保:

  • Casto服务器已成功运行在 http://localhost:8000 上。
  • 打开您最喜欢的浏览器并访问 http://localhost:7001,您将看到Cassdoor的登录页面。
  • 输入 admin and 123 测试登录功能正常工作。

然后您可以通过以下步骤在自己的应用程序中快速实现基于腰果的登录页面。

第2步: 配置连锁应用

  1. 创建或使用现有的 Casdoor 应用程序。
  2. 添加您的重定向url 城门应用程序设置
  3. 添加您想要的提供商并补充其他设置。

不足为奇。 您可以在应用程序设置页面获得两个值: 客户端 ID客户端密钥 就像上面的图片一样。 我们将在下一步骤中使用它们。

打开您最喜欢的浏览器并访问: http://`CASDOOR_HOSTNAME`/.well known / openid-configur, 您将看到OIDC 配置Casdoor。

步骤3. 配置Spring Security

Spring Security nally support OIDC.

您可以自定义Spring Security OAuth2 客户端的设置:

:::注意事项

您应该用您自己的 Casdoor 实例替换配置,特别是 <Client ID> 和其他。

:::

  • application.yml
  • application.properties
  1. spring:
  2. security:
  3. oauth2:
  4. client:
  5. registration:
  6. casdoor:
  7. client-id: <Client ID>
  8. client-secret: <Client Secret>
  9. scope: <Scope>
  10. authorization-grant-type: authorization_code
  11. redirect-uri: <Redirect URL>
  12. provider:
  13. casdoor:
  14. authorization-uri: http://CASDOOR_HOSTNAME:7001/login/oauth/authorize
  15. token-uri: http://CASDOOR_HOSTNAME:8000/api/login/oauth/access_token
  16. user-info-uri: http://CASDOOR_HOSTNAME:8000/api/get-account
  17. user-name-attribute: name
  1. spring.security.oauth2.client.registration.casdoor.client-id=<Client ID>
  2. spring.security.oauth2.client.registration.casdoor.client-secret=<Client Secret>
  3. spring.security.oauth2.client.registration.casdoor.scope=<Scope>
  4. spring.security.oauth2.client.registration.casdoor.authorization-grant-type=authorization_code
  5. spring.security.oauth2.client.registration.casdoor.redirect-uri=<Redirect URL>
  6. spring.security.oauth2.client.provider.casdoor.authorization-uri=http://CASDOOR_HOSTNAME:7001/login/oauth/authorize
  7. spring.security.oauth2.client.provider.casdoor.token-uri=http://CASDOOR_HOSTNAME:8000/api/login/oauth/access_token
  8. spring.security.oauth2.client.provider.casdoor.user-info-uri=http://CASDOOR_HOSTNAME:8000/api/get-account
  9. spring.security.oauth2.client.provider.casdoor.user-name-attribute=name

您也可以通过 客户端注册 在您的代码中自定义设置。 您可以在这里找到映射

第4步: 从演示开始

  1. 我们可以创建Spring启动应用程序。
  2. 我们可以添加一个配置,保护所有端点,除了 //login** 用户登录。
  1. @EnableWebSecurity
  2. 公共类 UiSecurityConfig extends WebSecurityConfigurerAdapter
  3. @Override
  4. 受保护的无效configure(HttpSecurity http) 丢弃异常。
  5. http. uthorizeRequests().antMatchers("/", "/login**").permitAll().anyRequest().authent.authent().anti-matchers("/", "/login**").permitall().permanit().anyrequest().authent().authent().authent().authent().atent(). nd()
  6. . auth2Login();
  7. }
  8. }
  1. 我们可以为用户添加一个虚拟页面来登录。
  1. <OCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Spring OAuth Client Thymeleaf - 1</title>
  6. <link rel="stylesheet"
  7. href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" />
  8. </head>
  9. <body>
  10. <nav
  11. class="navbar navbar-expand-lg navbar-light bg-light shadow-sm p-3 mb-5">
  12. <a class="navbar-brand" th:href="@{/foos/}">Spring OAuth Client
  13. Thymeleaf - 1</a>
  14. </nav>
  15. <div class="container">
  16. <label>欢迎! </label> <br /> <a th:href="@{/foos/}"
  17. class="btn btn-primary">登录</a>
  18. </div>
  19. </body>
  20. </html>

当用户点击 登录 按钮时,他将会被重定向到 腰门

  1. 接下来,我们可以定义我们受保护的资源。 我们可以导出一个名为 /foos 的端点和一个网页以显示。

数据模型

  1. public class FooModel {
  2. private Long id;
  3. private String name;
  4. public FooModel(Long id, String name) {
  5. super();
  6. this.id = id;
  7. this.name = name;
  8. }
  9. public Long getId() {
  10. return id;
  11. }
  12. public void setId(Long id) {
  13. this.id = id;
  14. }
  15. public String getName() {
  16. return name;
  17. }
  18. public void setName(String name) {
  19. this.name = name;
  20. }
  21. }

控制器

  1. @Controller
  2. 公共类FooClientController
  3. @GetMapping("/foos")
  4. public String getFoos(Model modell) Windows
  5. List<FooModel> foos = new ArrayList<>();
  6. foos dd(新 FooModel(1L, "a"));
  7. foos.add(new FooModel(2L, "b"));
  8. foos. dd(新 FooModel(3L, "c"));
  9. 模型。 ddAttribute("foos", foos");
  10. return "foos";
  11. }
  12. }

网页

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Spring OAuth Client Thymeleaf - 1</title>
  6. <link rel="stylesheet"
  7. href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" />
  8. </head>
  9. <body>
  10. <nav
  11. class="navbar navbar-expand-lg navbar-light bg-light shadow-sm p-3 mb-5">
  12. <a class="navbar-brand" th:href="@{/foos/}">Spring OAuth Client
  13. Thymeleaf -1</a>
  14. <ul class="navbar-nav ml-auto">
  15. <li class="navbar-text">Hi, <span sec:authentication="name">preferred_username</span>&nbsp;&nbsp;&nbsp;
  16. </li>
  17. </ul>
  18. </nav>
  19. <div class="container">
  20. <h1>All Foos:</h1>
  21. <table class="table table-bordered table-striped">
  22. <thead>
  23. <tr>
  24. <td>ID</td>
  25. <td>Name</td>
  26. </tr>
  27. </thead>
  28. <tbody>
  29. <tr th:if="${foos.empty}">
  30. <td colspan="4">No foos</td>
  31. </tr>
  32. <tr th:each="foo : ${foos}">
  33. <td><span th:text="${foo.id}"> ID </span></td>
  34. <td><span th:text="${foo.name}"> Name </span></td>
  35. </tr>
  36. </tbody>
  37. </table>
  38. </div>
  39. </body>
  40. </html>

:::注意事项

所有网页模板都应该放置在 资源/模板 下。

:::

第5步: 试试演示!

首先,您可以尝试打开您最喜欢的浏览器并直接访问 /foos。 它将自动重定向到连锁店的登录页面。 您可以在这里或从根页面登录。

如果您访问了您的根页, 城门应用程序设置

点击 登录 按钮,页面将重定向到下级登录页面。 城门应用程序设置

登录后,页面将重定向到 /foos城门应用程序设置