Vue/Quasar 和 Capacitor 应用程序的 Auth0 回调 URL

Posted 2023-03-09

【中文标题】Vue/Quasar 和 Capacitor 应用程序的 Auth0 回调 URL

【英文标题】：Auth0 callback URL for Vue/Quasar and Capacitor app

【发布时间】：2020-09-22 06:45:53

【问题描述】：

我正在尝试为我的 Quasar 应用程序设置 Auth0，该应用程序将使用 Capacitor 但没有成功。主要是我使用 auth0-lock 并且它按预期工作，但是如果我提供任何回调 url，当应用程序在带有 Capacitor 的设备上运行时，它将如何工作？例如我提供回调 url http://localhost:8080/callback 当用户在设备上运行此回调时，此回调将无效... 有什么建议可以让 Vue 使用 Capacitor 运行 Auth0？

【参考方案1】：

我在电容器（角度）应用程序中使用 Auth0 SPA SDK。我通过利用自定义 URL 方案（例如 myapp://callback）让它工作。此自定义 URL 方案需要在 ios 和 android 项目中配置。更新/更酷的方法是使用通用/应用链接。需要在 Auth0 应用程序中配置这些选项中的任何一个以允许回调 URL。

有关这些链接设置的更多信息here。