app混合开发技术有哪些内容

App混合开发技术是指将本地应用和Web应用相结合，使用Web技术开发后，使用本地App引擎进行封装，以达到像本地应用一样的体验。简单来说，就是用移动Web技术来开发App，通过跨平台App开发框架实现多平台的应用程序的开发。

1.原理

App混合开发技术一般有两种实现方式：一种是将Web App封装为原生App，即利用一种容器将Web App放进去再封装成App，这种实现方式成为“容器式混合开发”；另一种是通过WebView控件，在原生App内嵌入Web页面，这种实现方式成为“WebView式混合开发”。

2.WebView式混合开发

WebView是一种可以在原生应用程序视图中内嵌Web页面的控件，使用WebView控件可以将Web功能嵌入到原生应用中，通过JS桥接实现原生和Web之间的通信。

（1）基本结构

WebView引擎由原生应用程序直接引用，可以将Web页面作为组件嵌入到原生视图中，构成了整个应用程序。

（2）优点

相对于容器式APP混合开发，WebView式APP混合开发技术，具有显著的优点。

*节省开发成本，提高开发效率。

*诸如分享、微信支付、第三方登录等功能可以轻松与原生应用集成，跟随原生应用更新而生效。

*可以让业务逻辑开发者和页面构建者完成自己擅长的事情，提高开发效率。

*实现无强耦合设计，即业务逻辑、UI等分离。两者分别处于不同的工程中。WebView式混合开发所需要的数据可以通过接口获取，而特定数据的获取和测试可留给专门的测试人员完成。

（3）缺点

与容器式的混合开发相比，WebView式的混合开发的性能和体验存在问题。WebView式的混合开发基于WebView中的显示数据，这些数据需要通过HTTP协议请求后才能访问到，时间成本较高，页面呈现较慢，导致Web页面的反应迟缓，体验较差。

3.容器式纯Web混合开发

容器式纯Web混合技术是将H5页面封装成App，并将其存储在本地生产，App中一般采用UIWebView和WebView控件加载本地H5资源。

（1）基本结构

容小米Web混合开发的实现要点是，对Web页面进行统一管理并开发好容器。具体内容分以下几项：

1.1 HTML页面文档，存储在本地；

1.2 JavaScript、CSS等静态文件，存储在本地；

1.3 HTML资源引用，指向本地的资源文件；

1.4 依赖原生模块，与原生模块进行接口对接；

1.5优化JS引擎、缓存机制等。

（2）优点

容器式纯Web混合开发具有以下优点：

*带给用户良好的应用体验：容器加载的H5页面是放在本地的，加载速度快，不会出现请求延迟的情况，用户体验良好；

*开发成本低：与WebView式混合开发相比，容器式纯Web混合开发开发成本更低；端上仅需一个容器，然后基于容器原型，开发不同应用即可，可以节省应用的开发时间和成本；

*跨平台应用容易跨平台，适用于多种系统和版本。

（3）缺点

容器式纯Web混合技术存在一些缺点：

*应用被安装器加壳，打包相当麻烦；

*一些系统接口实现需要延迟到客户端实现，影响开发体验；

*相较于原生应用，H5应用的体验、运行效率还有一定的差距。