如何在 ionic 4 for instagram api 的应用程序浏览器中通过 loadstart 事件获取 URL？

Question

我尝试使用 ionic 4 中的 inAppBrowser 为我的 Instagram api 获取 URL。我构建 PWA 和智能手机应用程序。 .为什么要加载启动事件 在 PWA 中构建时不起作用？

我已经尝试使用 ionic4 的应用程序浏览器插件和 javascript（window.open() 方法）。

当我构建我的 IOS 应用程序时，在应用程序浏览器中工作。 当我构建我的 PWA 应用程序时，这不起作用/

//instagram API
let authUrl = `https://www.instagram.com/oauth/authorize/?client_id=${client_id}&redirect_uri=${redirect_uri}&response_type=token&scope=public_content`;

//create in app browser
    var browser = this.iab.create(authUrl, '_blank');
//test loadstart event
    browser.on('loadstart').subscribe(event => {
      alert('loadstart');
      alert(event.url);
    }, err => {
      alert("InAppBrowser loadstart Event Error: " + err);
    });   

//test loadstop event
    browser.on('loadstop').subscribe(event => {
      alert('loadstop');
      alert(event.url);
    }, err => {
      alert("InAppBrowser loadstop Event Error: " + err);
    });
  }

PWA 输出： 负载停止 event.url == ""

IOS 输出： 加载开始 event.url == url 负载停止 event.url == ""

谢谢:)

Answer 1

inAppBrowser 是一个 cordova 插件，它可以在 android & ios 应用程序中正常工作，但是 pwa 完全是网络应用程序，它不支持 cordova 插件，所以最好在组件中显示它它会很好用。