快速实现混合应用开发(hybrid APP d前言：

HybridAPP是指原生与前端语言相结合开发的应用，HybridApp可以运行在Android、iOS端上，不能用于PC端，称为混合类APP。

一、对比原生app开发，混合开发有以下优缺点优点：

(1)开发成本低

(2)与原生w缺点：、淘宝、今日 s头条等app都是混合开发模式。

二、如何快速完成一个混合APP

我们提供了一套JS和Native的交互规范，前端可以通过JS调用Native的功能。只需将supconit://hcmobile.js介绍到页面中(无需下载)。

调用照片函数示例代码:

//引用JSScript src = supconit://hcmobile.js;/scriptscript//收听 设备就绪 事件文档。addevent listener( ;设备就绪 、OndeviceReady、false)函数on device ready(){ navigator . camera . take photo(function(success){ alert(JSON . stringify(success))；}，function(: "fil:///private/var/mobile/Containers/Data/Application/6d 266368-6960-4c 75-8d CB-EC 3d 2 f 37 a9 af/tmp/IMG _ 0443 . JPEG "、";thumbLocalURL";: "cdvfil://localhost/root/private/var/mobile/Containers/Data/Application/6d 266368-6960-4c 75-8d CB-EC 3d 2f 37 a9 af/tmp/IMG _ 0443 _ thumb . JP: 1584342725384.5444，";siz: 1024276，";localURL";: "cdvfil://localhost/t: "图像/JP: "img _ 0443。JPEG和}获取返回的数据，我们可以通过JS调用照片预览插件来显示刚拍的照片。

//拍照函数photo(){ if(ready = = = true){ navigator。相机。拍照(function(success){ photo data = success照片预览()}，function(error){//alert(JSON . stringify(error))；}，真，1024)；} }//照片预览功能照片预览(){导航器。照片预览。预览(照片资料。完整路径，函数(成功){}，函数(错误){alert(错误)；});}至此，一个简单的前端项目完成。