oauth-2.0 - 来自 keycloak 的社交登录 api

Question

我想从 react js 客户端和后端节点 js 使用 keycloak 社交登录。我找不到从 keycloak 生成红色标记链接的任何方法。

http://localhost:8080/auth/realms/softspace/broker/github/login?client_id=account&tab_id=qXW9kuQnfu0&session_code=WGGXv87kK9R9m0KOoq5RPAwmqR131DaZwyzOvT_SWd8

我不知道他们如何生成tab_id和session_code。

我有一个需要社交登录的客户端反应应用程序

当我点击这样的github按钮时，我想找到直接去的方式

Answer 1

一种方法是设置相关领域的默认提供者。为此，请转到 Keycloak 管理控制台并：

• 选择您的Realm；
• 选择Authentication；
• 来自tab Flows：
  • 选择Browser；
  • 在Identity Provider Redirector（Git）中单击Actions（右侧）；
  • 点击Config。
  • 设置为Default Identity Provider您已配置的 IDP 的名称。

当您访问 URL 时，<KEYCLOAK>/auth/realms/<YOUR_REALM>/account您将被重定向到 GitHub 页面。现在请记住，此设置将应用于整个 Realm。

另一种选择是使用“kc_idp_hint”：

当此开关打开时，此提供程序将不会在登录页面上显示为登录选项。客户端仍然可以通过在用于请求登录的 URL 中使用“kc_idp_hint”参数来请求使用此提供程序。

如果您尝试使用 URL 登录：

<KEYCLOAK_HOST>/auth/realms/<YOUR_REALM_NAME>/protocol/openid-connect/auth?client_id=<YOUR_CLIENT_ID>&redirect_uri=<THE_REDIRECT_URI>&response_type=code&scope=openid&kc_idp_hint=<the_name_that_you_give_to_the_idp>

您应该被重定向到 GitHub 登录页面。