在react js中使用外部令牌在没有登录页面的情况下进行身份验证

Question

我正在创建一个React Web应用程序，它既没有注册页面也没有登录页面。用户将在不同的应用程序中进行身份验证，并在重定向到我的 web 应用程序时，令牌将在 url 中传递。

以下是我想要实施的步骤：

1. 用户使用 url 启动 Web 应用程序：127.0.0.1:3000/home/?token=1234

2. 从url中获取token，使用token向服务器发出post请求，并将token保存在本地存储中

3. 如果响应未经身份验证，则显示错误消息，否则呈现返回的数据并显示主页

4. 在所有连续请求中将令牌发送到服务器。如果在任何时候响应未经身份验证，请从本地存储中删除令牌。

5. 如果用户未经过身份验证，则不应显示任何页面，而是必须显示未经身份验证的消息。

我如何在react中实现这个？我是反应新手，找不到任何可以帮助我的要求的解决方案，可能是因为我缺乏反应方面的知识。任何帮助/建议表示赞赏。

Answer 1

您可以使用 SSO 登录页面来实现此目的。从 url 中，您可以获取令牌并向服务器发出发布请求，如果令牌无效，您只能从那里注销用户。