我们不想在登录身份验证页面上显示任何查询参数。我们如何使用 kinde 来实现它

Question

我们使用 kinde auth 进行身份验证。单击登录链接后，它会重定向到此页面，身份验证后，它会重定向回我们指定的路径。我们希望这个 auth url 看起来简单。有办法实现吗？我们尝试过 kinde 文档和其他自定义选项，但没有发现任何有用的东西。我们也尝试过使用 kinde 注册我们的自定义域。

Answer 1

如果您想要一个完全干净的 URL，您可以使用自定义注册/登录页面。这本质上允许您在应用程序中托管 Google 和 LinkedIn 按钮。

1. 进入 Kinde 管理并打开“身份验证体验”部分中的

   Use your own sign-up and sign-in screens

   选项。

2. 从社交连接部分获取您想要使用的社交登录的连接 ID。

3. 将您在第 2 步中获取的 Kinde

   connection_id

   传递给您要使用的方法的身份验证 URL 参数。

这个例子是在 React 中，但无论技术如何，相同的原理都适用：

    <button
        onClick={() =>
            login({
                authUrlParams: {
                    connection_id: "conn_6a95dec504d34dc286dc80e8df9f6099"
                }
            })
        }
    >
        Sign in with Google
    </button>

有关完整详细信息，可以在此处找到文档：https://kinde.com/docs/authentication-and-access/custom-authentication-pages/