如何实现以 Django 为后端并以 React 为前端的 ADFS SSO？答案

【问题标题】：How to implement ADFS SSO having Django as backend and React as frontend?如何实现以 Django 为后端并以 React 为前端的 ADFS SSO？
【发布时间】：2021-12-22 09:14:30
【问题描述】：

我已在 Azure Active Directory 中为 django 应用程序注册了一个应用程序。将 ADFS 配置为 Django 应用程序后，SSO 工作正常。现在我已经将这个 Django 应用程序与一个 React 应用程序集成在一起。现在我必须同样实现 SSO。我需要一些指导和方向来说明如何继续前进。请给我一个想法来解决这个问题。

【问题讨论】：

你好@josh，如果我的回答对你有帮助，你可以投票并接受它作为答案（点击答案旁边的复选标记，将其从灰色切换为已填充。）。这对其他社区成员可能是有益的。谢谢。

标签： reactjs django azure-active-directory single-sign-on adfs

【解决方案1】：

• 是的，据我所知，您可以使用 Django 作为后端并使用 React 作为前端来实现它。因此，您可以设置身份验证，以便在 API 服务器成功通过单点登录提供程序（即 ADFS 服务器）进行身份验证后，前端反应应用程序从 Django API 服务器获取 JWT 令牌

• 为此，登录到您的 ADFS 服务器并单击使用 Django 应用程序创建的信赖方信任，并检查有关联合属性的所有详细信息，例如数据 XML 链接、声明和属性传递规则等。向 Django 进行身份验证Azure AD 中的应用程序，并在重定向 URI 标头中收到 JWT 时检查身份验证是否成功。然后，将您的 Django 应用程序配置为使用 URI 参数中的 JWT 令牌重定向到反应应用程序。一旦 React 应用程序接收到 JWT 令牌，它将存储它并按照配置发出经过身份验证的 API 请求。此外，它可以刷新令牌，直到刷新令牌超时期限到期。

请参考以下链接：-

How to perform a single sign on between Django app and React JS app?

【讨论】：