Android WebView 多种方式实现 H5 打开外部应用

2024-02-15 10:46:18

导言

随着移动互联网的飞速发展，WebView 已成为移动应用中不可或缺的组件。它允许应用在自己的界面中加载和显示网页，从而实现丰富的交互体验。然而，对于一些特定的场景，例如打开其他应用，WebView 的默认功能显得力不从心。本文将介绍三种实现 WebView 支持 H5 打开外部应用的方法，分别是：Scheme 协议、Intent 协议和 JS 交互。

1. Scheme 协议

Scheme 协议是一种 URI 协议，用于在不同的应用程序之间进行通信。WebView 通过注册 Scheme 协议处理程序，可以拦截特定 Scheme 的请求并执行相应的操作。

实现步骤如下：

在 AndroidManifest.xml 中注册 Scheme 协议处理程序：

<intent-filter>
    <action android:name="android.intent.action.VIEW" />
    <category android:name="android.intent.category.DEFAULT" />
    <data android:scheme="你的Scheme" />
</intent-filter>

在处理程序中打开外部应用：

public class SchemeHandler extends WebChromeClient {
    @Override
    public boolean onReceivedRequest(WebView view, WebResourceRequest request) {
        Uri uri = request.getUrl();
        if (uri.getScheme().equals("你的Scheme")) {
            Intent intent = new Intent(Intent.ACTION_VIEW, uri);
            view.getContext().startActivity(intent);
            return true;
        }
        return false;
    }
}

2. Intent 协议

Intent 协议是 Android 系统中用于启动 Activity 和 Service 的标准方式。WebView 可以通过 WebViewClient 的 shouldOverrideUrlLoading 方法拦截 URL 请求并启动 Intent。

实现步骤如下：

在 shouldOverrideUrlLoading 方法中拦截 URL 请求：

@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
    if (url.startsWith("intent://")) {
        try {
            Intent intent = Intent.parseUri(url, Intent.URI_INTENT_SCHEME);
            view.getContext().startActivity(intent);
            return true;
        } catch (URISyntaxException e) {
            e.printStackTrace();
        }
    }
    return false;
}

3. JS 交互

通过 JS 交互，WebView 可以调用 JavaScript 代码来打开外部应用。这需要在 HTML 页面中使用 JavaScript API，例如 window.open()。

实现步骤如下：

在 HTML 页面中添加 JavaScript 代码：

<script>
    window.open("intent://启动应用的Scheme地址/#Intent;scheme=你的Scheme;package=应用包名;end");
</script>

在 WebViewClient 中拦截 URL 请求：

@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
    if (url.startsWith("intent://")) {
        Intent intent = null;
        try {
            intent = Intent.parseUri(url, Intent.URI_INTENT_SCHEME);
        } catch (URISyntaxException e) {
            e.printStackTrace();
        }
        if (intent != null) {
            view.getContext().startActivity(intent);
            return true;
        }
    }
    return false;
}