首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

外部开启Activity新姿势

前言

在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交互,而是要介绍核武器—scheme,采用scheme + cookie的方式。

那你可能会思考什么是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全部包含,基本上平时使用路径就是这样子的。

xl代表该Scheme 协议名称

goods代表Scheme作用于哪个地址域

goodsDetail代表Scheme指定的页面

goodsId代表传递的参数

8888代表该路径的端口号

举个栗子:

(该 URL 会调起车辆详情页):uumobile://mobile/carDetail?car_id=123456,其中 scheme 为 uumobile,host 为 mobile,relativePath 为 /carDetail,query 为 car_id=123456。

在什么场景使用?

下面介绍一下本人曾经常用的场景:

其他应用想要调用你APP的某个页面

自己的H5页面想要调用native的某个页面

服务器下发路径,客户端根据服务器下发跳转路径跳转相应的页面

APP端收到服务器端下发的PUSH通知栏消息,根据消息的点击跳转路径跳转相关页面

这样说大家没有在具体业务中使用可能不是很清楚,那么举个例子:

我们进入到h5的活动页面,这时候点击某个链接,要求跳回我们的native,那么就用到了scheme。

scheme的使用

1.在AndroidManifest.xml中定义scheme

:切记 android 小写 。

2.获取scheme跳转的参数

3.使用

只需要调用如下代码就可以:

4.效果展示

让我们看一下打印出来的log日志:

这是我们接收到的uri传递的相关信息,只打印了一部分不是全部,有兴趣大家可以自行打印更多信息。

实战演示

接下来我们完成一个小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可以打开,在内部也可以使用这个方法,同样H5页面也可,这样APP之间的交互就方便多了,不过具体的还是要和业务相关联

更多参数可以自己根据业务来定,这里只是给大家一个启发。

负责分发跳转的Activity

使用

在需要使用的地方只需要添加uri即可。

接下来看一下比较酷炫的效果—web开启Activity

是不是很炫 ,我们看一下实现原理 :

首先我这里写了一个本地的html文件,放在了asserts下面 ,代码非常简单如下:

这个文件放在了asserts下面,方便使用。

然后我们去加载web页面就可以啦 ,点击就能实现跳转啦,就是这么简单。

结束啦,还有不明白的可以自行下载demo。

或者扫一扫关注公众号

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20171222G11XLL00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券