SAML 身份验证 - 在应用浏览器中使用的 Cordova 混合移动应用程序

Question

我们正在尝试将 SAML 身份验证集成到移动应用程序中（HybridCordova+angular JS）

我尝试了以下方法， 方法 ： 第 1 步：移动应用程序打开 InAppBrowser -> 加载 SP url -> 自动 SP URL 重定向到 IDP(any)。显示登录页面。(window.open("url")) 第 2 步：在 IDP 中登录成功后，Inappbrowser 应关闭并返回移动应用程序。

为了实现第 2 步，我尝试使用“LoadStart”、“LoadStop”侦听器。但它会在登录成功之前关闭浏览器。

有什么想法吗？如何做到这一点？

$scope.opensaml = function(){
        appBrowser =  window.open("https://example.com/login”, '_blank', 'location=no,closebuttoncaption=Back to App');
        appBrowser.addEventListener('loadstart', function (event) {
            console.log("Load Start",event.url)
        });
        appBrowser.addEventListener('loadstop', function (event) {
           console.log("Load Stop",event.url);
           appBrowser.close();
        });
        appBrowser.addEventListener('loaderror', function (event) {
            console.log("Load Error",event.url)

        });
    }

Answer 1

loadstop：当 InAppBrowser 完成 URL 加载时触发事件。

您将在 InAppBrowser 加载完页面后立即关闭它。 你应该改用

message：当 InAppBrowser 收到从 InAppBrowser Webview 中加载的页面发布的消息时触发事件。

这当然取决于您可以在登录页面上触发消息事件。