如何构建高性能混合应用

方案选择

从这个角度出发，我们需要考虑如何获取资源包(css、js、html、常用图片等。)提前减少这些静态资源的网络请求，提高加载速度。无非是两点:

1.在app打包阶段直接植入资源包。

2.运行时动态下载资源包。

从纯粹的商业层面来说，如果你的生意足够简单，其实第一种方法已经完全满足了。您可以在每次需要添加新页面时重新发布页面。虽然看起来有点蠢，但还是可以满足的。

但从长远来看，还是要尽量做到动态，这是客户端的热点，尽量不要靠版本更新来实现动态。对于iOS，更新机制

它本身就很慢，而且你必须通过应用程序

店铺的审核有时候也要看人品，更何况用户不一定买账，也不一定更新我们的app。在这种情况下，第二种选择会更友好。

设计过程

那么，如何设计一个完整的解决方案来满足运行时动态下载资源包的要求呢？

把细节拿出来，大致可以总结成下图所示的结构图:

应用程序与服务器交互

让我解释一下这个图表。我是基于客户端实现了socket层协议，所以可以和服务器保持很长的连接，让服务器主动推送数据。

现在这种协议相当复杂。其实如果没有这样的约定，那么客户端需要找机会主动向服务器请求(app启动时一次？或者每隔一段时间，

取决于你)，本文以后者为例。

让我演示下载新资源包的下一个完整过程:

1.运营妹子认为某个节日要来了，需要发布新的页面，然后在运营后台生成资源包，会自动更新config，包括资源包。

版本，是否强制关闭加载本地资源包(降级策略防止这个组件本身出现bug)，以及一些hotpatch脚本。并将资源包部署到

远程数据库.

2.在适当的时候，客户端发起http请求，向服务器查询是否有新版本的资源包，并携带本地配置。

3.服务器根据config中的选项，对比从客户端获取的config，发现客户端是旧版本的config。如果可以，服务器向客户端发布新的配置，并发送从数据库获取的资源包(为了加快速度，可以部署到CDN)。

4.4.client得到最新的资源包后，在本地解密解压，映射到本地本地文件对应的ULR中。

url .比如http://www.baidu.com这个网站下的静态资源文件在本地file://dsalkfjsldfjalsd/目录下。

至此，资源包的下载已经完成。

拦截并加载本地资源包。

那么，有了资源包，如何才能让app加载H5和原生页面一样快呢？

实际上，其原理是拦截H5的请求。如果本地有对应的静态资源文件，就直接加载，这样可以达到“秒开webview”的效果。

对于iOS，这需要使用工件NSURLProtocol。接下来分析一下它是什么，我们如何利用它来达到上面的效果。

NSURLProtocol允许你重新定义苹果的URL加载系统(URL

加载系统)行为，URL加载

系统中有很多处理URL请求的类，比如NSURL、NSURLRequest、NSURLConnection和NSURLSession。

加载URL时

当您使用系统NSURLRequest获取资源时，它将创建NSURLProtocol子类的一个实例。您不应该直接实例化一个。

NSURLProtocol，NSURLProtocol看起来是一个协议，但实际上是一个类，必须使用它的子类，并且需要注册。

–复制自互联网

换句话说，NSURLProtocol可以拦截当前app下的所有网络请求，并且可以以定制的方式进行处理。

废话不多说，代码:

NSURLProtocol的一个子类

这里只介绍与我们的需求相关的NSURLProtocol方法。

做了这么多，其实核心就是前四种方法:

(BOOL)canInitWithRequest:(NSURLRequest *)请求

这个方法的作用是确定当前的协议是否应该处理这个请求(所有的网络请求都会到这里，所以我们只需要处理我们生成的请求)。

(NSURLRequest *)canonicalRequestForRequest:(NSURLRequest *)请求

这个方法其实很厉害。它可以对请求进行预处理，比如在头中添加一些东西之类的。我们在这里没有什么可改变的，所以直接返回请求就可以了。

–(无效)开始加载

重点是这个方法。这里我们需要做的一件事是自己组装httpResponse并将其返回给url load。

系统，然后当您到达webview级别时，您将收到响应。对于webview来说，本地加载得到的响应和通过网络得到的响应是完全一样的。

所以上面的代码展示了如何组装一个httpResponse。组装完成后，您需要调用self.client来发送数据。

什么是self.client？这个东西其实就是协议和url加载系统交互的一个对象。系统提供给我们的，所以理解它就够了。

需要注意的是，细心的读者会看到else中会有一段代码:

[nsurlprotocolset property:@ YES forKey:wdhybridresourceprocolhandledkey in request:new request]；

这是干什么用的？else的作用是当这个文件在本地不存在时主动重新发送请求。此时会再次调用canInitWithRequest。如果没有设置标志，它将是递归无限的。所以你知道。

当然，重新发送请求自然需要NSURLConnectionDelegate的实现。

APP原生开发与混合开发是什么意思？

原生app就是利用手机本地操作系统开发的手机app，目前手机系统主要分为安卓和苹果iOS两种，双方都有各自的编程开发语言及工具，原生app开发就是利用官方的开发工具进行分别开发。可以实现的功能多，性能优，但是需要人力投入多、周期长、成本高。

Hybrid App (混合应用) 是指介于 Web App、原生 App (主要是 Android 或 iOS )之间的 App，它兼具原生 App 良好用户交互体验的优势和 Web App 跨平台开发的优势。关注优就业，学习更多IT知识。

app有哪些技术？

第一种：原生App开发

原生App开发（Native App）就是通过安卓或者苹果官方推出的开发语言、开发工具分别进行app的开发。开发出的app可实现的功能多、性能好，用户体验好，页面交互效果佳，但是开发难度大，需要安卓及iOS两套开发人员。

原生App开发安卓版需要的技术包括Android Studio、eclipse，iOS系统主要通过Objective-C进行开发。

第二种：Web App开发

Web App软件开发简单地说，就是开发一个网站，然后加入app的壳。Web App一般非常小，内容都是app内的网页展示，受制于网页技术本身，可实现功能少，而且每次打开，几乎所有的内容都需要重新加载，所以反应速度慢，内容加载过多就容易卡死，用户体验差，而且app内的交互设计等非常有效。但是开发周期长端，需要的技术人员少，成本低。

Web App开发通常使用html或html5、CSS3、JavaScript进行开发，服务端使用java、php、ASP等。

第三种：混合 App开发

混合App（Hybrid App）顾名思义就是不分使用原生开发，不分使用web开发的模式。在核心部分采用原生开发，来实现功能、做交互等，非核心部分采用web开发，节省开发时间。混合开发的功能、开发周期、费用等介入前两种之间。但是目前混合开发技术不成熟，市场缺乏跨语言的开发人才。

第四种：免编程 App开发

免编程App开发（SaaS化App）主要借助最新的免编程SaaS化app制作平台“应用公园”，采用0编程、模块化、可视化的app制作方式。让用户不用找app开发公司，不用找专业开发人员，不需要懂专业开发技术，不需要有软件开发经验，自己也能开发制作原生app软件。

应用公园为用户提供上百种开发好的app功能模块，用户根据自己的需求，选择app功能拼图式排版，自由制作app，也可以利用应用公园平台的上百套app模板，一键制作app，成本节省90%以上。

什么是混合式开发技术？

混合开发(Hybrid App开发):是指在开发一款App产品的时候，为了提高效率、节省成本而利用原生与H5的开发技术的混合应用。

混合应用是一种需要下载，但有部分或者所有用户界面植入了浏览器元素的应用程序。

混合应用的HTML页面可通过网络服务器传送，但这一点并非必备条件。

开发APP要用什么软件开发？

APP制作方法：

1、国外的制作工具Appmakr。

这个工具是国外的，最开始不支持中文，但现在也已经支持中文了，你可以根据自己的情况选择制作工具，我下面还会介绍几个国内的。

不用写一行代码就能做App，Appmakr能帮助不会写代码的普通用户生成自己的App。AppMakr的使用相当简单，只要登录网站，注册一个账户，拖动鼠标定制一些简单的按钮与栏目，确定好版面颜色，在编辑器右侧的模拟器中看好预览效果，再生成应用就行了。

2、国内制作工具AppCan。

.AppCan是国内的一个移动应用开发平台，支持跨平台应用开发，支持Hybrid App的开发和运行。AppCan应用引擎提供的Native交互能力，可以让HTML5开发的移动应用基本接Native App的体验。