app内嵌H5页面与其他app的交互

最新推荐文章于 2024-08-01 14:29:31 发布

Sunny2011111

最新推荐文章于 2024-08-01 14:29:31 发布

阅读量1.9w

点赞数

分类专栏： app android 前端

本文链接：https://blog.csdn.net/Sunny2011111/article/details/72729405

版权

这篇博客介绍了两种方法使H5页面在app内部调用另一个app。第一种方法是通过HTML链接处理，利用schema、host、path和query进行配置。在Android中，需要在AndroidManifest.xml中声明，并处理链接数据。第二种方法是H5页面直接调起另一app，涉及WebView设置、H5调用Native方法及数据传递。详细步骤和注意事项都有所阐述。

摘要由CSDN通过智能技术生成

有两种方法：

一、通过H5页面所在的app调用另一个app

1、HTML链接处理

首先做成HTML的内容，url格式如下：

<a href="[scheme]://[host]/[path]?[query]">点我</a>

说明：
schema: 判断启动的App

host: 标记

path: 标记，可无

query: 传值的(key,value)键值对，可无

例如：

<a href="myapp://jp.app/openwith?name=zhangsan&age=26">启动应用程序</a>

本例中做如下超链接跳转：

<a href="finance://pay.com/mpos?orderId=1020160126"> Open APP </a>

其中：

schema —- finance 对应Android中 android:schema

host ---  pay.com   对应android中 android:host

 path ---  mpos   对应android中 android:pathPrefix

query --- orderId=1020160102  为Html链接和APP相互传递的数据，可以在Uri中通过getQueryParameter 方法获取

全部Html源码：

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="UTF-8">  
<title>mpos</title>  
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">  
<meta name="imagemode" content="force">  
<meta