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

时间:2018-07-12 10:07:17

标签: angular ionic-framework ionic3 inappbrowser ionic-native

我已经使用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);
    });
  }

1 个答案:

答案 0 :(得分: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);
  });
}