最新消息:文章中包含代码时,请遵守代码高亮规范!

H5与Native的交互【转载】

Android 王 伟 158浏览 0评论

在H5页面疯狂的今天,H5和Native的交互就至关重要,而且交互的方式有很多,google提供了一个公共的方式:js与native互调,即js可以调用Native方法,Native同样也可以调用js方法。不过今天要讲的并不是Url拦截的方式和JavaScript注入方式,而是采用scheme + cookie的方式。

什么是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代表该路径的端口号

举个例子:uumobile://mobile/carDetail?car_id=123456,其中 scheme 为 uumobile,host 为 mobile,relativePath 为 /carDetail,query 为 car_id=123456。

在什么场景使用?

  • 其他应用想要调用你APP的某个页面
  • 自己的H5页面想要调用native的某个页面
  • 服务器下发路径,客户端根据服务器下发跳转路径跳转相应的页面
  • APP端收到服务器端下发的PUSH通知栏消息,根据消息的点击跳转路径跳转相关页面

scheme的使用

1.在Androidmanifest.xml中定义scheme


<activity android:name=".ProcessActivity">

<!-- 要想在别的App上能成功调起App,必须添加intent过滤器 -->

<intent-filter>

<!-- 协议部分,名字随便设置 -->

<data android:host="open.app.example" android:scheme="external" />

<!-- 下面这几行也必须得设置 -->

<category android:name="android.intent.category.DEFAULT" />

<category android:name="android.intent.category.BROWSABLE" />

<action android:name="android.intent.action.VIEW" />

</intent-filter>

</activity>

2.获取Scheme跳转的参数


private static final String TAG = ProcessActivity.class.getSimpleName().toString();

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_process);

distribute();

}

private void distribute() {

Uri uri = getIntent().getData();

if (uri != null) {

//url部分

Log.e(TAG, "uri -----> " + uri);

// scheme部分

String scheme = uri.getScheme();

Log.e(TAG, "scheme -----> " + scheme);

// host部分 String host = uri.getHost();

Log.e(TAG, "host -----> " + host);

// 访问路劲 String path = uri.getPath();

Log.e(TAG, "path -----> " + path);

// Query部分 String query = uri.getQuery();

Log.e(TAG, "query -----> " + query);

//获取指定参数值

String isShowSplash = uri.getQueryParameter("isShowSplash");

Log.e(TAG, "isShowSplash -----> " + isShowSplash);

String infomation = uri.getQueryParameter("infomation");

Log.e(TAG, "infomation -----> " + infomation);

} else {

finish();

}

}

3.使用

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


startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse("external://open.app.example/first?isShowSplash=true&infomation='我是携带的信息'")));

具体的请查看:http://blog.csdn.net/github_33304260/article/details/73194544;
Demo下载地址:http://download.csdn.net/detail/github_33304260/9873191.

转载时请注明出处及相应链接,本文永久地址:http://blog.it985.com/22251.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者Bob的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!