13518219792
这篇“html5混合开发指的是什么”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“html5混合开发指的是什么”文章吧。
成都创新互联服务热线：028-86922220，为您提供成都网站建设网页设计及定制高端网站建设服务，成都创新互联网页制作领域10余年，包括成都PVC花箱等多个领域拥有多年设计经验，选择成都创新互联，为企业锦上添花！
html5混合开发是指同时采用原生（程序语言）与H5（Web语言）技术来开发应用；混合开发是一种取长补短的开发模式，原生代码部分利用插件或者其它框架为H5提供容器，程序主要的业务实现、界面展示都是利用与H5相关的技术进行实现的。
本教程操作环境：windows7系统、HTML5版、Dell G3电脑。
目前市场上主流的APP分为三种：原生APP、Web APP（即HTML5）和混合APP三种，相对应的定 制开发就是原生开发、H5开发和混合开发。
混合开发，是指在开发一款App产品的时候，为了提高效率、节省成本而利用原生与H5的开发技术的混合应用。通俗点来说，这就是网页的模式，同时采用网页语言和程序语言进行开发，通常由“H5云网站+APP应用客户端”两部份构成。
混合开发是一种取长补短的开发模式，原生代码部分利用插件或者其它框架为H5提供容器，程序主要的业务实现、界面展示都是利用与H5相关的技术进行实现的。很多APP都是利用混合开发模式而成的。
优点：
1、开发效率高，节约时间。同一套代码Android和IOS基本上都可使用；
2、更新和部署比较方便，每次升级版本只需要在服务器端升级即可，不再需要上传到App Store进行审核；
3、代码维护方便、版本更新快，节省产品成本；
4、比web版实现功能多；
5、可离线运行。
缺点：
1、功能/界面无法自定：所有内容都是固定的，不能换界面或增加功能；
2、加载缓慢/网络要求高：混合APP数据需要全部从服务器调取，每个页面都需要重新下载，因此打开速度慢，网络占用高，缓冲时间长，容易让用户反感；
3、安全性比较低：代码都是以前的老代码，不能很好地兼容最新手机系统，且安全性较低，网络发展这么快，病毒这么多，如果不实时更新，定期检查，容易产生漏洞，造成直接经济损失；
4、既懂原生开发又懂H5开发的高端人才难找。
混合APP原理
混合APP通常由前端负责大部分界面开发和业务逻辑，原生负责封装原生功能供前端调用，二者以 WebView 作为媒介建立通信，从而既拥有 Web 开发的速度优势，又能拥有强大的原生能力。
从一个前端开发者的角度来看，混合应用可以简单地理解为让前端页面跑在一个特殊的浏览器环境里，这个环境除了常规 Web API之外，还额外提供了很多可以直接调用手机原生能力的 API。
从一个原生开发者的角度来看，混合应用其实就是一个原生开发的 App 外壳，这个外壳将原生功能封装成很多 API 并注入到 WebView 里，然后将前端页面打包进 App，App 启动时用 WebView 加载前端页面，剩下的就全交给前端了。
web网页和ios，android进行交互(原理)
web网页调用ios和android
web页面发送一个假的请求， ios，android拦截请求，解析是真请求还是假请求
真请求放行
假请求拦截，解析出真实的功能需求字段，
通过发布订阅，传递给相应文件，做出相应的操作
发送一个假请求，让原生开发拦截(该加请求的url路劲需要和ios，android设置的保持一致)
ios拦截请求
// 继承类MyURLProtocol，子类NSURLProtocol // MyURLProtocol.h文件 #importNS_ASSUME_NONNULL_BEGIN @interface MyURLProtocol: NSURLProtocol @end
// MyURLProtocol.m文件
#import "MyURLProtocol.h"
@implementation MyURLProtocol
// 手机app是否可以加载请求
+ (BOOL)canInitWithRequest:(NSURLRequest *)request{
//拦截到请求后，获取请求的字符串
NSString *path = request.URL.absoluteString;
// 判断字符串是否以协商好的虚假协议开头（如emma://开头）
if([path hasPrefix:@"emma://"]){
// 这是个假请求
// 获取该请求真实目的
NSString *action = [path substringFromIndex:7];
// 该文件不能调用一些原生功能，需要装有webview的视图文件才行，所以要将该请求字段传给视图文件
// 文件间不能通信，用发布订阅（ios自带一个发布订阅）
if([action isEqualToString:@"captureImage"]){
// 发送消息，拍照
[[NSNotificationCenter defaultCenter] postNotificationName:@"captureImage" object:nil userInfo:nil];
}
// 拦截掉该请求
return NO;
} else {
// 真请求
// 允许该请求通过
return YES;
}
}
@end// 装有webview的页面（文件）
#import "MyURLProtocol.h"
// 注册MyURLProtocol，可以实现拦截
[NSURLProtocol registerClass:[MyURLProtocol class]];
// 订阅消息，拍照的消息
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(handleCaptureImage) name:@"captureImage" object:nil];
// 订阅拍照消息的处理函数
-(void)handleCaptureImage{
// 拍照的操作
}html发送假请求
