随着移动设备的普及和html5技术的成熟，越来越多的站点开始考虑搭建自己的移动应用，这时打包封装app的问题就摆在了大家面前。本文将从原理和详细操作两个方面自述在h5应用中如何打包封装app。
一、原理
打包封装app的原理是将网页应用转化为原生移动应用，在app中通过webview加载网页，当用户运行app时其实是在运行一个内置浏览器。这种方式有如下优点：
1.降低开发成本：在开发过程中能够使用HTML、CSS、JS等WEB前端技术，这大大降低了学习和开发成本。
2.跨平台处理：只需要配合一些公共模块即可适应多个平台。完全无需关注不同平台下的差异和标准化问题，移植成本降低。
二、详细操作
为了将h5应用打包封装成app，我们可以使用一些第三方的工具。（以下操作示例以cordova为例）
1. 安装相应环境
cordova需要通过npm进行安装，我们需要保证电脑上安装了npm和nodejs环境，如果没有安装可以去官网下载：https://nodejs.org/en/ 。
2. 创建一个应用
打开命令行窗口，输入如下命令：
```bash
cordova create MyApp
```
其中MyApp是你的App名称，这个命令会在当前目录下创建一个MyApp文件夹，即为你的应用。
然后我们进入MyApp文件夹：
```bash
cd MyApp
```
3. 添加平台
接下来我们需要添加一个平台，比如android或者ios。
```bash
cordova platform add android
```
这个命令会下载相应的平台，并将其添加到当前应用中。如果你需要添加ios平台，只需要将android改成ios即可。
4. 编写代码
在MyApp/www文件夹下编写你的app代码，如index.html、JS文件等等。
5. 打包封装
编写完成后，我们需要把这些代码转变成一个app。使用如下命令：
```bash
cordova build android
```
这个命令会自动将你的代码编译成app，并把app文件输出到platforms/android/app/build/outputs/apk/这个文件夹中。如果你需要编译ios版本，只需要将android改成ios即可。
cordova还提供了快速预览功能，即在模拟器或者真机上运行你的应用程序。只需要输入如下命令：
```bash
cordova run android --emulator （或 cordova run ios --emulator ）
```
这个命令会在模拟器上运行你的应用程序。
如果你想在真机上运行，需要连接设备到电脑。连接设备后，需要开启USB调试，并输入如下命令：
```bash
cordova run android --device （或 cordova run ios --device ）
```
6. 发布应用
打包完成后，我们需要发布应用到应用市场，来让更多用户使用。具体操作就不在赘述。
三、总结
打包封装app是一个比较简单的操作，只需要几个步骤就能把你的h5应用转换成原生应用。如果你对h5开发有一定的了解，并且希望将你的web应用转化为移动应用，那么打包封装app是不错的选择。
