混合App开发：Ionic+Cordova+Angular系列（III）-演示开发

在上一章中，我们已经解释了环境安装。今天，让我们做一个小演示，熟悉离子项目的工作原理以及如何进行热更新

1.使用选项卡创建名为myApp的项目

命令行：离子启动，可选模板包括侧菜单侧滑、选项卡底部的选项卡切换和空白

离子启动myApp选项卡

2.进入myApp项目

cd我的App

3.添加Android平台

离子平台添加android

如果要添加ios，请用ios替换Android

4.如果你想在真正的机器上安装它，你需要一台Android机器。提前设置调试模式。我们稍后将使用它。

一般步骤如下：

（1） 选择设置，或在App中找到设置程序，单击输入，单击关于电话

（2） 连续单击版本号七次

（3） 然后返回设置菜单界面并选择开发者选项

（4） 单击右上角的开关打开USB调试模式

5、离子运行android

此时，您可以看到手机上安装了新App

现在让我们来谈谈热更新。事实上，这是混合动力开发的最大优势

6.修改页面上的文件，保存它，然后执行cordova hcp构建。此时，您会发现两个文件已更改

这两个文档是热更新的主要文档。今天，我们只是简单地提到了它们。稍后，我们将具体解释热更新的原理

记得在执行cordova hcp构建之前打开服务器。命令是

Ionic服务--地址10.10.27.25。地址后面的IP地址配置为您自己的计算机。

7.退出程序并再次进入后，将出现热更新提示。

8.如果要调试，可以将手机连接到计算机并打开浏览器chrome://inspect/#devices，现在打开您的项目以查看

我们已经完成了一个非常简单的演示。下一次，我们将主要解释热更新的原理！