时间戳

首页 > 解决方案 > Ionic Mobile 应用程序导航到外部 url

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

问题描述

我有一个使用 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);
    });
  }

标签： angularionic-frameworkionic3inappbrowserionic-native

解决方案

您可以收听 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);
  });
}

推荐阅读