如何在 React App 中使用 Active Directory 实现 SSO 身份验证？

Question

我正在尝试使用 React 为已经拥有使用 AD（Active Directory）实现的 SSO（单点登录）系统的组织创建前端应用程序，我希望他们的员工能够使用相同的方式登录我的应用程序证书。

有没有办法只使用 React（如果是，请如何！）或者我应该使用另一种技术，例如 NodeJs。

Answer 1

由于组织已经拥有使用 AD（Active Directory）实现的 SSO（单点登录）系统，您需要做的是将 Azure AD 与您的 React 应用程序集成。

您可以使用react-adal或react-aad-msal ，这取决于您的要求。

MSAL 适用于 Azure AD V2 端点，而 ADAL 适用于 Azure AD V1 端点。

参考：

https://docs.microsoft.com/en-us/azure/active-directory/develop/azure-ad-endpoint-comparison

Answer 2

当您的 React 应用加载时（比如登陆/登录页面），重定向到服务器。 （您可以在服务器上创建一个相同的页面，这样用户就不会感觉到差异）。 在服务器上，从活动目录/计算机读取活动用户凭据，加密相关数据（使用服务器的 cyptojs 变体；Python 有 pycrypto），并使用加密数据切换回前端 url。 解密您的 React 应用程序中的数据（请注意，服务器和客户端必须共享相同的加密/解密密钥）。 现在在前端，像往常一样将您的数据作为普通登录凭据传递。