HTML5技术已经成为了现代web开发的主流，它能够为开发者提供丰富的交互体验和灵活的布局方式。而随着移动互联网的发展，越来越多的企业开始将自己的业务拓展到移动端，这时候就需要将HTML5应用打包成原生app来提供更好的用户体验。本文将介绍如何将HTML5应用打包成原生app。
一、原理介绍
将HTML5应用打包成原生app的原理，是在原生应用内嵌入一个webview来加载HTML5页面。webview是一种可以在原生应用中嵌入web页面的控件，它可以展示HTML5页面，并提供与原生应用相同的交互体验。因此，将HTML5应用打包成原生app的过程，就是将HTML5页面加载到webview中，并实现原生应用与webview之间的交互。
二、打包工具
为了方便将HTML5应用打包成原生app，我们可以使用一些打包工具。目前市面上比较流行的打包工具有Cordova和PhoneGap。这两个工具都是基于Apache Cordova的，它们提供了一些插件和API，可以让开发者在HTML5应用中调用原生功能，比如相机、地理位置、推送通知等。
三、打包步骤
下面是将HTML5应用打包成原生app的具体步骤：
1. 安装打包工具
首先需要安装打包工具，这里以Cordova为例。可以使用npm命令安装Cordova：
```
npm install -g cordova
```
2. 创建工程
创建一个Cordova工程，使用以下命令：
```
cordova create myApp com.example.myApp MyApp
```
其中，myApp是工程名称，com.example.myApp是应用的包名，MyApp是应用的标题。
3. 添加平台
为了将应用打包成原生app，需要添加目标平台。这里以Android平台为例，使用以下命令添加Android平台：
```
cordova platform add android
```
4. 编写HTML5应用
在工程的www目录下编写HTML5应用。这里不再赘述。
5. 添加插件
为了调用原生功能，需要添加一些插件。比如，添加相机插件：
```
cordova plugin add cordova-plugin-camera
```
6. 打包应用
使用以下命令打包应用：
```
cordova build android
```
这会生成一个apk文件，可以安装在Android设备上。
四、总结
将HTML5应用打包成原生app，可以提供更好的用户体验和更多的功能，同时也可以在应用商店中发布应用。使用Cordova和PhoneGap等打包工具，可以方便地将HTML5应用打包成原生app。
