混合App开发简介

今天我们将简要介绍一下。（混合模式移动App）是指介于webApp和原生App之间的App，具有“原生App的良好用户交互体验”和“webApp的跨平台开发”的优势。

原则什么是反应式布局？

响应布局=>；发展

响应设计师=>；设计

响应式布局是使页面响应各种设备，例如PC端的新语义标签、手机H5、表单的新功能、H5、画布以及相关的js和API，包括本地存储。现在h5已经成为移动开发和响应式布局的标准代名词。

移动终端开发和混合App开发

之前，App与h5没有任何关系

Android系统；java本机

Ios系统；c（对象c/swift）

我们将以上述语言开发的App称为原生App

本地开发通常打包并上传到应用商店。它的优点是可以操作手机的内部软件或硬件。因为它直接在操作系统中运行，所以性能相对较好。所有的密码都在电话里。一些需要联网的代码可以提前缓存。然而，手机操作系统不同，使用的技术也不同，因此需要两个不同的开发团队来开发不同版本的App，这将导致版本升级问题并增加开发成本

h5开发的webApp有哪些特点？h5页面需要基于浏览器或v8内核的工具（PC、移动浏览器或基于v8内核）。h5在浏览器中运行。因此，如果你想使用h5操作系统，这取决于浏览器是否支持此功能。如果是，浏览器会将此函数放置在窗口全局对象中。与本机相比，性能较差。所有访问请求都必须基于网络状态，除了一些本地App专门处理h5。基于清单的稳定性、服务器支持、存储容量等，存在限制。我们的离线缓存功能并不突出。因此，我们将h5页面部署到自己的服务器上。如果用户想看到这些页面，必须再次拖动它们。这也允许及时更新数据代码，既有优点也有缺点。

混合App开发将h5连接到App。本机App有自己的web视图机制。它是一个基于v8引擎渲染html页面的工具。它在web视图中嵌入h5页面并呈现h5页面

混合应用开发是按照响应式布局的思路完成h5页面的开发，并将其部署到服务器（有一个http访问地址）。此时，用户可以手动输入访问地址，或扫描生成的二维码，将整个产品的外部框架交给原生App开发，构建一个盒子，提供调用手机内部软件或硬件的功能，实现缓存机制，并提供相应的调用方法

前端开发人员将生成的H5地址告知本机App，他们将通过提供地址在自己的Web视图中呈现相应的页面。通常，通常容易更新的位置通常是在h5中开发的。如果你需要在h5中使用手机的内部功能，你只需要调用他们自己的托管环境web视图中提供的方法。有关详细信息，请参阅调用接口文档

原理：

浏览器将为h5提供一个窗口全局对象，web视图也将为h55提供一个全局对象。此外，h5调用的一些方法将集成到内置的全局对象中。混合App开发需要实现H5和网络通信。我们需要这种js桥接技术微信是Hybrid的最佳案例。它支持h5在本地App中运行。我们可以调用微信提供的一些方法来实现相关操作，比如微信二次分享。详情请参考微信公众平台。（qq浏览器）

在应用场景中，PC端和移动端共享相同的地址。这样，我们必须考虑响应性，并且样式变化很大，这适用于交互较少的静态页面。