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

Question

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

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

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

以下是我的代码

  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

你可以监听InAppBrowserevents，所以当浏览器触发退出时，退出应用程序。

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);
  });
}