Ionic Mobile 应用程序导航到外部 url

Question

我有一个使用 ASP.Net Web 表单的现成 Web 应用程序。 现在我想在我的移动应用程序中使用我的 Web 应用程序的内容。 和我的带有登录屏幕的移动应用程序。

我使用 ionic 构建我的移动应用程序。在我的移动应用程序中包括 仅登录屏幕。用户登录后，应用程序导航到外部 使用 inappbrowser 访问我的 Web 应用程序的 url

现在我的问题是当用户单击移动设备中的返回按钮时，我的应用程序返回登录屏幕。我可以让它像用户单击返回按钮时一样，应用程序退出应用程序而不导航回登录页面

以下是我的代码

  public login() {

    this.auth.login(this.registerCredentials).subscribe(data => {
        const browser = this.iab.create('https://demos.devexpress.com/DashboardFinancialDemo/','_blank',{location:'no', zoom:'no'}); 
        browser.show();
    },
    error => {
      this.showError(error);
    });
  }

Answer 1

您可以收听 InAppBrowser events，因此只需在浏览器触发退出时退出应用即可。

import { Platform } from 'ionic-angular';

// ....

constructor(private platform: Platform) { }

public login() {
  this.auth.login(this.registerCredentials).subscribe(data => {
    const browser = this.iab.create('https://demos.devexpress.com/DashboardFinancialDemo/','_blank',
                    {location:'no', zoom:'no'}); 
    browser.show();
    // add this!
    browser.on('exit').subscribe((event) => {
      this.platform.exitApp();
    });
  },
  error => {
    this.showError(error);
  });
}