将Angular 2 Web应用程序包装在WebView中，然后部署到iOS和Android

Question

我有一个简单的Web应用程序，让用户注册并使用Firebase作为我的后端登录（例如www.my-app.com）。我正在考虑将其部署到iOS和Android，以获得其他功能，例如推送通知。

我认为，如果以下效果可以，但我不确定是否可能

1. 创建一个离子应用程序，该应用主要由一个涵盖整个屏幕的大网络视图组成。

2. 当用户打开应用程序时，他会从www.my-app.com看到登录屏幕并输入他的详细信息。

3. 此时，我希望我的离子应用程序捕获用户对网页的任何操作。例如，在成功登录后，离子应用应该能够从用户输入（电子邮件）中获取登录详细信息，然后使用该电子邮件注册以获取推送通知。

换句话说，是否可以在网络视图中进行通信，以便我可以实现

之类的任务

1. 使用Ionic的框架在加载页面时，将Web视图中的文本字段编程为" Hello World"。
。
2. 当用户登录到www.my-app.com时，firebase将一些数据返回到网页（例如，姓氏姓氏）。然后执行一些在网络视图之外的逻辑，例如显示带有" HI John Doe"的离子弹出

我知道有作为一个应用程序进行Web视图的抽奖活动。但是，如果这是可以实现的，那将真的很酷，因为这将大大减少基于直截了当的网页的生产时间。

Answer 1

是的，可以使用离子2本机InappBrowser插件：

let browser = new InAppBrowser('https://ionic.io', '_system');
browser.executeScript(...);
browser.insertCSS(...);
browser.close();

但是，在尝试部署到iOS商店时，您肯定会遇到问题。iOS有严格的指南

为什么不使用firebase构建一个离子2应用程序？

import { Firebase } from 'ionic-native';
Firebase.getToken()
  .then(token => console.log(`The token is ${token}`)) // save the token server-side and use it to push notifications to this device
  .catch(error => console.error('Error getting token', error));
Firebase.onTokenRefresh()
  .subscribe((token: string) => console.log(`Got a new token ${token}`));

使用代码进行操作更容易，并且在部署到Android和iOS

时不会遇到问题

您还可以使用只有几行代码

的离子云服务进行推动通知。

const cloudSettings: CloudSettings = {
  'core': {
    'app_id': 'APP_ID'
  }
};