如何使用 expo AuthSession 最好地使用 Google/Facebook 登录来使用自定义后端 API 进行身份验证

Question

我正在使用 Expo（托管工作流）创建一个移动应用程序。 我有一个该应用程序将连接到的后端服务器。 后端服务器有自己的用户名和密码身份验证，所有其他端点都受到保护，基于您将通过使用 /authenticate 端点登录 API 接收到的令牌。

现在，我想在我的应用中添加“使用 Google 登录”功能。 从 Expo 的 AuthSession 文档来看，该应用程序似乎可以通过 Google 进行身份验证。 我想使用此身份向我的后端 API 进行身份验证。

我在我的 API 中创建了一个 /api/auth/google 端点，它使用护照 google-oauth，将用户重定向到 google 并将授权代码发送到 /api/auth/google/callback。 然后，我使用授权代码访问 Google 的人员 API，以获取 email 来验证用户，并返回我的 API 的访问令牌（如果 Google 登录成功）。 在浏览器中使用时效果很好。

我想为 react-native 应用程序做类似的事情。 当我在 Expo 的 AuthSession 中使用 Google 示例时，它会返回一个 access_token。 我不知道它是如何获得 access_token 的，因为该应用程序不知道我的客户端密码。 但是，我仍然不知道如何使用它登录到我的 API 并获取我的 API 令牌。

我曾考虑使用 AuthSession 直接打开我的 API 的 /api/auth/google，这样它会正确重定向，然后我的后端可以将我的 API 令牌发送到应用程序。 这样做的问题是，当有人点击应用程序中的“使用 Google 登录”按钮时，苹果会告诉您“应用程序名称想要使用 myapi.com 登录”或类似的内容，而不是 Google.com。 此外，当我添加更多登录选项（例如使用 Facebook 登录和使用其他东西登录）时，用户的手机总是会说应用程序想要使用 myapi.com 登录，然后又被重定向到 Google/Facebook 或其他东西别的。 我不确定这是否被允许并且会被视为误导用户并被应用商店拒绝。 我尝试登录手机上的一些应用程序并单击“使用 Google 登录”告诉该应用程序正在尝试使用 Google.com 登录，“使用 Facebook 登录”告诉该应用程序正在尝试使用 Facebook 登录.com 正确。 但后来我也知道该应用程序最终会以某种方式使用自己的 API 进行身份验证。 我不知道这样做的正确方法是什么。

有人可以帮忙吗？ 谢谢。