每日推荐
滴滴的插件化方案开源啦~~
本文作者
本文由相濡以沫灬投稿。
相濡以沫灬的博客地址：
在H5页面疯狂的今天，H5和Native的交互就至关重要，而且交互的方式有很多，google提供了一个公共的方式：js与native互调，即js可以调用Native方法，Native同样也可以调用js方法。
不过今天要讲的并不是Url拦截的方式和JavaScript注入方式，因为这种交互方式存在着不少问题：
1、Java调用 js 里面的函数、效率并不是很高、估计要200ms左右吧、做交互性很强的事情、这种速度很难让人接受、而js去调Java的方法、速度很快、50ms左右、所以尽量用js调用Java方法
2、Java 调用 js 的函数、没有返回值、调用了就控制不到了
3、Js 调用 Java 的方法、返回值如果是字符串、你会发现这个字符串是 native 的、转成 locale 的才能正常使用、使用 toLocaleString() 函数就可以了、不过这个函数的速度并不快、转化的字符串如果很多、将会很耗费时间
4、Android4.2以下的系统存在着webview的js对象注入漏洞
所以处于这些原因，我们并未采用这种方式用于Native与webview交互js打开新页面，而是要介绍核武器—scheme，采用scheme 的方式。
那你可能会思考什么是scheme？ 到底哪些场景适合？具体怎么使用？
表要捉急，慢慢来介绍。
1
scheme介绍
什么是scheme？
客户端应用可以向操作系统注册一个 URL scheme，该 scheme 用于从浏览器或其他应用中启动本应用。
通过指定的 URL 字段，可以让应用在被调起后直接打开某些特定页面，比如车辆详情页、订单详情页、消息通知页、促销广告页等等。也可以执行某些指定动作，如订单支付等。也可以在应用内通过 html 页来直接调用显示 app 内的某个页面。
scheme格式？
客户端自定义的 URL 作为从一个应用调用另一个的基础，遵循 RFC 1808 (Relative Uniform Resource Locators) 标准。这跟我们常见的网页内容 URL 格式一样。
先来个完整的URL Scheme协议格式：
xl://goods:8888/goodsDetail?goodsId=10011002
通过上面的路径 Scheme、Host、port、path、query全部包含，基本上平时使用路径就是这样子的。
举个栗子：
（该 URL 会调起车辆详情页）：uumobile://mobile/carDetail?car_id=123456，其中 scheme 为 uumobile，host 为 mobile，relativePath 为 /carDetail，query 为 car_id=123456。
在什么场景使用？
下面介绍一下本人曾经常用的场景：
这样说大家没有在具体业务中使用可能不是很清楚，那么举个例子：
我们进入到h5的活动页面，这时候点击某个链接，要求跳回我们的native，那么就用到了scheme。
2
scheme的使用
使用起来还是非常简单的：
1.在Androidmanifest.xml中定义scheme
切记android小写 。
2.获取Scheme跳转的参数
3.使用
只需要调用如下代码就可以：
4.效果展示
让我们看一下打印出来的log日志：
这是我们接收到的uri传递的相关信息，只打印了一部分不是全部，有兴趣大家可以自行打印更多信息。
3
实战一
接下来我们完成一个小DEMO，主要功能通过外部APP打开对应的Activity并传递相关数据。
我们先看一下ExternalOpen这个工程里面最主要的就是配置了scheme能够通过uri的方式被启动。
看下目录结构：
功能清单文件
这里包含一个负责跳转的ProcessActivity和四个等候演示用到的展示的Activity界面。
我们先预览一下效果：
可能只看效果图，可能会看的很迷茫，接下来看下讲解。
首先我们安装两个app，一个专门负责启动相应的activity的OmnipotentFrame工程，另外一个是我们的主角ExternalOpen工程。
首先我们看到有的会显示欢迎界面，有的不显示，都是根据isShowSplash控制。
我们在isShowSplash=true 显示欢迎界面，，在isShowSplash=false时不现实欢迎界面。然后具体跳转哪一个Activity根据path决定，然后传递的信息内容放在information里面。
我们看到我们通过OmnipotentFrame可以开启ExternalOpen里面的任意activity。
主要是通过scheme和自定义processActivity控制的。
除了在外部app可以打开js打开新页面，在内部也可以使用这个方法，同样H5页面也可，这样APP之间的交互就方便多了，不过具体的还是要和业务相关联。
更多参数可以自己根据业务来定，这里只是给大家一个启发。
负责分发跳转的Activity
使用
在需要使用的地方只需要添加uri即可。
4
实战2—web开启Activity
加下来看一下比较酷炫的效果
先看一下效果图：
是不是很炫 ，我们看一下实现原理 ：
首先我这里写了一个本地的html文件，放在了asserts下面 ，代码非常简单如下：
这个文件放在了asserts下面，方便使用。
然后我们去加载web页面就可以啦 ，点击就能实现跳转啦，就是这么简单。
还有不明白的可以去看我的demo 非常详细。
DEMO下载地址：
如果你有想学习的文章直接留言，我会整理征稿。如果你有好的文章想和大家分享欢迎投稿，直接向我投递文章链接即可。
admin
