uniapp h5打包app

uniapp是一款跨平台的框架，可以用一套代码开发出小程序、H5、App等不同形态的应用。对于想要将H5应用打包成App的开发者来说，uniapp提供了很好的解决方案。

uniapp将H5应用打包成App的原理及过程如下：

1. 基于webview的原生应用

在uniapp中将H5应用打包成App的方式是基于webview的原生应用。webview是浏览器引擎提供的一个组件，可以在app中直接使用浏览器引擎渲染H5页面，同时可以调用原生API，实现App与H5之间的交互。

2. 借助HBuilderX打包

在uniapp中将H5应用打包成App的方法是使用HBuilderX。在HBuilderX中可以选择将H5应用打包成App，并选择需要打包成的App平台（如Android和iOS）。HBuilderX会自动生成对应平台的打包文件。

3. 嵌入uni-app框架

打包完成后，生成的App文件中并不包含完整的uniapp框架和所有页面文件，只包含webview容器和少量原生代码。当用户打开App时，webview容器加载远程服务器中的uniapp框架，同时动态加载对应的页面文件。

4. 跨域设置

为了保证App能够正常运行，需要通过设置跨域规则，保证应用能够正确地加载uniapp框架和页面文件。通常情况下，需要将uniapp框架和页面文件上传到公共服务器，并设置跨域规则，让App能够正确地加载。

总体来说，将H5应用打包成App的过程比较简单，将应用嵌入uniapp框架，并通过HBuilderX打包成App即可。值得注意的是，由于跨域问题，需要设置合适的跨域规则，保证应用能够正常运行。同时，uniapp提供了比较完善的API支持，可以方便地实现App与H5页面之间的交互。