Android中如何通过Js唤起Activity-CSDN博客

通过网页唤起一个app这样的场景有很多, 我们来看看如何实现这样的一个功能. 通过html启动Activity的原理是js代码运行了URL去匹配对应的Activity. 我们可以通过配置Activity的intent-filter来匹配一个URL.

<activity android:name=".SchemeActivity">
            <intent-filter>
                <action android:name="android.intent.action.VIEW"/>
                <category android:name="android.intent.category.BROWSABLE"/>
                <category android:name="android.intent.category.DEFAULT"/>
                <data
                    android:host="eric.com"
                    android:scheme="schemedemo"
                    />
            </intent-filter>
</activity>
复制代码

data部分就是在构造一个匹配的Url, 启动比较常用的几个字段: 一个网址：zhidao.baidu.com:8080/question?na… scheme : 协议名，如同上面的 https. host : 域名，zhidao.baidu.com port : 端口号 parh : 路径 , question query parameter : 查询参数，name=google&page=1 这里Activity的data部分你都可以自定义，以达到唯一匹配，下面我们来看看如果通过js代码启动它. 这里我们通过WebView去加载一段html, 从html跳转一个指定Activity来示范一下. 先完成一段启动该Activity的Js代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>WEB唤起原生APP</title>
</head>

<body>

<a href="schemedemo://eric.com:8080/test/scheme?name=google&page=1"> Simple Launch with parameters </a><br/><br/>
<input id="download-app" type="hidden" name="storeurl" value="http://jd.com/8JZ5OO">

<script>
    (function(){
        var ua = navigator.userAgent.toLowerCase();
        var t;
        var config = {
            /*scheme:必须*/
            scheme_IOS: 'schemedemo://',
            scheme_Adr: 'schemedemo://eric.com/test/scheme?name=google&page=1',
            download_url: document.getElementById('download-app').value,
            timeout: 600
        };

        function openclient() {
            var startTime = Date.now();

            var ifr = document.createElement('iframe');

            ifr.src = ua.indexOf('os') > 0 ? config.scheme_IOS : config.scheme_Adr;
            ifr.style.display = 'none';
            document.body.appendChild(ifr);

            var t = setTimeout(function() {
                var endTime = Date.now();

                if (!startTime || endTime - startTime < config.timeout + 200) { 
                    window.location = config.download_url;
                } else {

                }
            }, config.timeout);

            window.onblur = function() {
                clearTimeout(t);
            }
        }
        window.addEventListener("DOMContentLoaded", function(){
            document.getElementById("call-app").addEventListener('click', 
                openclient, false);
        }, false);
    })()
</script>

</body>

</html>
复制代码

下面再来在webview中加载该js

public class MainActivity extends AppCompatActivity {

    private WebView mWebView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mWebView = findViewById(R.id.web_view);

        mWebView.loadUrl("file:///android_asset/callback.html");
    }
}
复制代码

注意我的html文件放在了这里

SchemeActivity这个画面布局如下

public class SchemeActivity extends AppCompatActivity {
    TextView tv_data;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_scheme);
        tv_data = findViewById(R.id.tv_data);

        Uri uri = getIntent().getData();
        StringBuilder sb = new StringBuilder();
        // 唤起链接
        sb.append("string : ").append(getIntent().getDataString()).append("\n");
        sb.append("scheme : ").append(uri.getScheme()).append("\n");
        sb.append("host : ").append(uri.getHost()).append("\n");
        sb.append("port : ").append(uri.getPort()).append("\n");
        sb.append("path : ").append(uri.getPath()).append("\n");
        // 接收唤起的参数
        sb.append("name : ").append(uri.getQueryParameter("name")).append("\n");
        sb.append("page : ").append(uri.getQueryParameter("page"));

        tv_data.setText(sb.toString());
    }
}
复制代码