nativejs跳转html界面,H5与Native的交互【转载】

在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

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='我是携带的信息'")));

转载时请注明出处及相应链接，本文永久地址：https://blog.yayuanzi.com/22251.html

微信打赏

支付宝打赏

感谢您对作者Bob的打赏，我们会更加努力！    如果您想成为作者，请点我