首页 > 解决方案 > 如何在 Ionic 应用程序中从 open.window() 返回到 Azure B2C 身份验证工作流返回到特定页面?

问题描述

前言:

我正在尝试通过 Azure AD B2C 对用户进行身份验证。我通过构建 URL 然后通过 window.open 呈现它来做到这一点。它导航到身份验证流程,并在成功时(假设这是因为我可以在浏览器的返回 URL 中看到令牌),但它会路由回 localhost:8100/null。如何让它导航回特定页面?

目标:

在移动设备(Android 和 iOS)和 Web 上验证混合 (PWA)

设置:

  1. Azure AD B2C
  2. 离子
  3. 通过 .NET Core 2.x 的 API(无关)

使用 InAppBrowser(原生 Android)或 web 上的 window.open() 导航的 URL:

https://mycorp.b2clogin.com/mycorp.onmicrosoft.com/oauth2/v2.0/authorize?
p=B2C_1_Login&client_id=(my_client_id)
&nonce=defaultNonce
&redirect_uri=http%3A%2F%2Flocalhost%3A8080
&scope=openid&response_type=id_token&prompt=login

本国的:

使用带有 on("exit") 的 InAppBrowser 来提取 token_id 正在工作

网站:

  1. window.open 我无法获得回调以获取 token_id
  2. _self 允许在同一窗口内导航到 azure b2c auth 工作流,但将用户返回到我的 localhost:8100/null 这不是有效页面

标签: azureionic-frameworkazure-ad-b2c

解决方案


推荐阅读