我正在尝试在我的 react/node.js 应用程序中集成第三方 (TP) API (https://api.icicidirect.com/apiuser/ICICIDirectAPIDOC.htm)。 API 使用 OAuth 2 进行身份验证和身份验证后。
操作顺序是这样的——用户在我的 react 应用上点击 TP 图片并被重定向到 TP 的登录页面。身份验证后，TP 使用表单发布进行重定向。根据我目前的理解，只有后端服务器可以托管一个发布方法，TP 可以发布表单。从这里开始，不清楚如何触发 React 应用程序来检测用户已登录并呈现他们的仪表板。
我有两个问题：
【问题讨论】：
我会检查几件事，因为您的应用似乎需要使用 OAuth 令牌以及登录：
是否使用了 PKCE 和/或客户端密码？这将决定您是否可以在浏览器中完成登录并将代码换成令牌。
您能否在触发重定向时添加response_mode=query 查询参数，这将使响应成为GET（如果提供者支持）。
第一季度
通常的解决方案是在这种类型的 URL 上返回授权结果，这是 SPA 友好的。浏览器无法接收 POST 请求。
然后 SPA 可以执行以下操作之一并获取令牌：
第二季度
如果提供程序仅支持 POST 响应，您可以在其为 index.html 页面提供服务时在 Web 主机中编写少量代码（作为一种解决方法）。这可以检查它是否是登录响应，如果是，则使用上述查询参数触发重定向。
WEB 主机响应处理
在 web 主机中进行登录响应处理和代码交换，然后将 SPA 重定向到 https://www.example.com/loggedin 等位置，这将通知 SPA 以便它可以更新其 UI 状态。
替代选项：不感兴趣
上述内容可能需要在 Web 主机中使用大量代码，这可能会影响您的 Web 部署选项，例如，如果您想从内容交付网络提供 Web 静态内容。
因此，网络主机可以使用的另一个选项是执行重定向到https://www.example.com?code=xxx&state=yyy。然后 SPA 可以调用 API 来完成 OAuth 处理。这需要更多的安全尽职调查（例如，确保使用 PKCE），但Back End for Front End SPA 解决方案是如何工作的。
【讨论】：