javascript - 没有默认 App ID 登录小部件的社交 IBM App ID 登录

Question

我需要使用 IBM App ID 服务从客户自己的前端应用程序使用 google/facebook 实现登录。这意味着 IBM 提供的登录小部件绝不能显示。

前端是使用react js开发的，后端是单独的node-js服务器。我想出了如何绕过云目录登录小部件，但我没有社交登录的运气。如果我只是复制默认IBM应用程序ID登录小部件提供的Google登录表单代码(复制的代码如下)

<form
  action="https://accounts.google.com/o/oauth2/v2/auth"
  method="get"
  id="google_form"
  aria-label="google_form"
>
  <input
      type="hidden"
      name="client_id"
      value="526589484289-sth1s4he8en575sugh6rain3hh054p97.apps.googleusercontent.com"
      id="google_client_id"
  ></input>
  <input
      type="hidden"
      name="redirect_uri"
      value="https://eu-uk.appid.cloud.ibm.com/oauth/v4/DEFAULT-GOOGLE-TENANT-ID/Google/callback"
      id="google_redirect_uri"
  ></input>
  <input type="hidden" name="response_type" value="code"></input>
  <input
      type="hidden"
      name="scope"
      id="google_scope"
      value="email profile"
  ></input>
  <input
      type="hidden"
      name="state"
      value="woU6LcOCwrTDr8OXw63DnQNAwr5xdinCtxcKJsKKYcKWX8OGw5zCoh0Fw4k"
      id="google_state"
  ></input>
  <button
      type="submit"

      id="google_login"
  >
      <div>Login with Google</div>
  </button>
</form>

有时我会得到以下信息(它工作了几次，但由于某种原因重定向到后端“/”路由)

{
"error_code": "GENERAL_ERROR",
"error_description": "key not found"
}

问题是我如何使用自定义 UI 实现社交登录，以及我必须向 Passport 发送什么才能登录、获取 token 和用户数据。以及如何将该数据重定向到前端服务器。 (前端位于单独的服务器上，与后端的通信是 REST，因此每个请求都必须发送 token )

我已经被这个问题困扰了几天，没有任何运气，所以任何帮助将不胜感激。我希望代码示例显示如何使用 IBM App ID 使用 google 或 facebook 从自定义前端登录到 Nodejs 后端，但任何帮助都会有帮助。

提前谢谢

Answer 1

如果您想在不显示小部件的情况下登录 FB、Google 和 Cloud Directory，则需要 3 个不同的 App ID 实例。每一个都配置为只有一个身份提供者。