Angular 通过 Twitter 进行 FirebaseUI 身份验证,GitHub,Microsoft 不工作
Angular FirebaseUI Auth via Twitter, GitHub, Microsoft Not Working
我正在尝试通过不同的提供商使用 FirebaseUI 身份验证设置 Angular (v11) 应用程序,按照提供的步骤 here。
唯一适合我的是 Google。我正在尝试的其他人都给出了各种错误:
- Twitter:“未批准此客户端应用程序的回调 URL。可以在您的应用程序设置中调整已批准的回调 URL”
- GitHub:“由于缺少初始状态,无法处理请求。如果浏览器 sessionStorage 无法访问或意外清除,可能会发生这种情况”
- Microsoft:“为输入参数 'redirect_uri' 提供的值无效”
但是,我按照 Firebase 说明在相应平台中按照步骤配置了 API 键和回调 URL(使用启用每种登录方法时显示的回调 Firebase)。唯一不太确定我做得正确的是微软,但其他人都非常简单。
这是 published page,以防您想查看行为。
这是 code repo -- the main files where I implemented the logic are in auth.service.ts & login.component.ts(我在 firebaseConfig 中隐藏了 apiKey/appId,因为不确定它是否敏感)。
有人运气好并且可能有一些提示吗?谢谢!!
我终于让它工作了。它建议您在 Firebase 中使用的回调 URL 似乎是错误的。从以下平台之一查看此示例:.
为了让它工作,我必须删除“-default-rtdb”(在这种情况下正确的回调是:“https://bit-of-gaia.firebaseapp.com/__/auth/handler”)
我正在尝试通过不同的提供商使用 FirebaseUI 身份验证设置 Angular (v11) 应用程序,按照提供的步骤 here。
唯一适合我的是 Google。我正在尝试的其他人都给出了各种错误:
- Twitter:“未批准此客户端应用程序的回调 URL。可以在您的应用程序设置中调整已批准的回调 URL”
- GitHub:“由于缺少初始状态,无法处理请求。如果浏览器 sessionStorage 无法访问或意外清除,可能会发生这种情况”
- Microsoft:“为输入参数 'redirect_uri' 提供的值无效”
但是,我按照 Firebase 说明在相应平台中按照步骤配置了 API 键和回调 URL(使用启用每种登录方法时显示的回调 Firebase)。唯一不太确定我做得正确的是微软,但其他人都非常简单。
这是 published page,以防您想查看行为。
这是 code repo -- the main files where I implemented the logic are in auth.service.ts & login.component.ts(我在 firebaseConfig 中隐藏了 apiKey/appId,因为不确定它是否敏感)。
有人运气好并且可能有一些提示吗?谢谢!!
我终于让它工作了。它建议您在 Firebase 中使用的回调 URL 似乎是错误的。从以下平台之一查看此示例:
为了让它工作,我必须删除“-default-rtdb”(在这种情况下正确的回调是:“https://bit-of-gaia.firebaseapp.com/__/auth/handler”)