Hybrid APP架构设计思路

关于Hybrid模式开发app的好处，网络上已有不少文章阐述了，这里不展开。

本文将从如下几个方面阐述Hybrid app架构设计的一些经验和思考。

通信

做为一种跨语言开发模式，通信层是Hybrid架构首先应该考虑和设计的，日后全部的逻辑都是基于通信层展开。

Native（以Android为例）和H5通信，基本原理：

•                               Android调用H5：经过webview类的loadUrl方法能够直接执行js代码，相似浏览器地址栏输入一段js同样的效果

webview.loadUrl("JavaScript: alert('hello world')");

•                               H5调用Android：webview能够拦截H5发起的任意url请求，webview经过约定的规则对拦截到的url进行处理（消费），便可实现H5调用Android

•                                      var ifm = document.createElement('iframe');

ifm.src = 'jsbridge://namespace.method?[...args]';

JSBridge即咱们一般说的桥协议，基本的通信原理很简单，接下来就是桥协议具体实现。

P.S：注册私有协议的作法很常见，咱们常常遇到的在网页里拉起一个系统app就是采用私有协议实现的。app在安装完成以后会注册私有协议到OS，浏览器发现自身不能识别的协议（http、https、file等）时，会将连接抛给OS，OS会寻找可识别此协议的app并用该app处理连接。好比在网页里以itunes://开头的连接是Apple Store的私有协议，点击后能够启动Apple Store而且跳转到相应的界面。国内软件开发商也常常这么作，好比支付宝的私有协议alipay://，腾讯的tencent://等等。