使用PWA Builder构建的iOS应用Azure B2C集成异常问题

以下是针对你遇到的问题的排查和解决方案：

• 检查重定向URI配置
  iOS打包后的应用是独立容器环境，MSAL的重定向URI需要适配ASWebAuthenticationSession的格式，即msal<你的客户端ID>://auth。同时要确保Azure B2C的应用注册中已经添加了这个URI，和网页版PWA的https://你的域名/auth区分开。在MSAL初始化时，需要根据当前环境（网页版/iOS打包版）切换对应的重定向URI。

• 验证PWABuilder的iOS打包设置
  确认打包时启用了Web Authentication Session支持，PWABuilder默认的WebView配置可能不兼容MSAL的OAuth跳转流程。另外，打包后的应用info.plist必须包含对应的URL Scheme配置，示例如下：

  <key>CFBundleURLTypes</key>
  <array>
    <dict>
      <key>CFBundleURLSchemes</key>
      <array>
        <string>msalYOUR_CLIENT_ID</string>
      </array>
    </dict>
  </array>
  

  你可以通过PWABuilder的高级配置界面添加，或者打包后解压IPA包查看info.plist是否存在该配置。

• 适配MSAL初始化配置
  在React代码中，通过用户代理判断是否为iOS打包应用，调整MSAL的缓存和认证配置：

  const isIOSPackagedApp = /PWABuilder|iOS/.test(navigator.userAgent);
  const msalConfig = {
    auth: {
      clientId: "你的客户端ID",
      authority: "https://你的租户.b2clogin.com/你的租户.onmicrosoft.com/B2C_1_signupsignin",
      redirectUri: isIOSPackagedApp ? "msal你的客户端ID://auth" : "https://你的PWA域名/auth",
      postLogoutRedirectUri: isIOSPackagedApp ? "msal你的客户端ID://auth" : "https://你的PWA域名/",
    },
    cache: {
      cacheLocation: isIOSPackagedApp ? "localStorage" : "sessionStorage",
      storeAuthStateInCookie: isIOSPackagedApp, // iOS容器下启用Cookie存储辅助维持认证状态
    }
  };
  

• 处理iOS容器的网络限制
  检查Azure B2C的CORS设置，确保允许iOS容器的请求来源（可以临时放宽测试，再逐步收紧）。同时在info.plist中配置App Transport Security，允许访问Azure B2C的域名：

  <key>NSAppTransportSecurity</key>
  <dict>
    <key>NSExceptionDomains</key>
    <dict>
      <key>你的租户.b2clogin.com</key>
      <dict>
        <key>NSIncludesSubdomains</key>
        <true/>
        <key>NSAllowsArbitraryLoads</key>
        <true/>
      </dict>
    </dict>
  </dict>
  

• 捕获MSAL错误日志
  在应用中添加MSAL的事件监听，捕获登录失败的具体错误信息，方便定位问题：

  const msalInstance = new PublicClientApplication(msalConfig);
  msalInstance.addEventCallback((event) => {
    if (event.eventType === "msal:loginFailure") {
      console.error("MSAL登录失败详情:", event.error);
    }
  });
  

  然后通过Safari开发者工具连接iOS模拟器中的应用，查看控制台输出的错误，这能快速定位是重定向失败、权限问题还是配置错误。

内容的提问来源于stack exchange，提问作者Springy Developer