Android 中最简单的实现 HTML(H5)调用native原生页面的方法

首先得先简单学习下什么是schema ：

什么是 URL Schema？ 
    android中的scheme是一种页面内跳转协议，通过定义自己的scheme协议，可以非常方便跳转app中的各个页面；通过scheme协议，服务器可以定制化告诉App跳转哪个页面，可以通过通知栏消息定制化跳转页面，可以通过H5页面跳转页面等。

URL Schema应用场景： 
    客户端的某个页面可以先注册一个 URL scheme，通过指定的 URL 字段，可以让应用在被调起后直接打开某些特定页面，比如商品详情页、活动详情页等等。也可以执行某些指定动作，如完成支付等。也可以在应用内通过 html 页来直接调用显示 app 内的某个页面。

先简单描述一下Android 中最简单的实现 HTML调用native原生页面的流程：

1、先让Activity注册实现schema
2、Activity实现可以接收schema传过来的参数的方法
3、浏览器在shouldOverrideUrlLoading()方法中实现拦截URL判断

先看第一步的实现：
1、先让Activity注册实现schema
比如你要打开的Activity的链接是mls://userpage ，那么在Manifest 里面这么注册activity：

        <activity
            android:name=".userpage.UserPageActivity"
            android:screenOrientation="portrait">
            <intent-filter>
                <action android:name="android.intent.action.VIEW" />
                <category android:name="android.intent.category.DEFAULT" />

                <data android:scheme="mls" />
                <data android:host="userpage" />
            </intent-filter>
        </activity>

其中schema表示这个链接的前缀，host代表短链的名字。如果你要在你的schema里面传参数，比如你要传uid和user_type，那么就跟普通的url的get参数格式一样：mls://userpage?uid=123&user_type=mogujie 。注意，中间千万不能有空格。那Activity怎么接收参数呢，往下看。

2、Activity实现可以接收schema传过来的参数的方法

    String uid,userType;
    private void parseUriParams() {
        Uri uri = getIntent().getData();
        if (uri != null) {
            uid = uri.getQueryParameter("uid");
            userType = uri.getQueryParameter("user_type");
        }
    }

3、浏览器在shouldOverrideUrlLoading()方法中实现拦截URL判断

public class MainActivity extends BaseActivity {
    private WebView mWebView;

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

        mWebView = (WebView) findViewById(R.id.webview);

        mWebView.getSettings().setJavaScriptEnabled(true);
        mWebView.getSettings().setBuiltInZoomControls(false);
        mWebView.getSettings().setSupportZoom(true);
        mWebView.getSettings().setUseWideViewPort(true);
        mWebView.getSettings().setLoadWithOverviewMode(true);
        mWebView.getSettings().setSupportMultipleWindows(true);
        mWebView.setWebChromeClient(new WebChromeClient());
        mWebView.setWebViewClient(new MyWebChromeClient());

        mWebView.loadUrl("你的网址链接");

    }

    public class MyWebChromeClient extends WebViewClient {

        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            if (url.startsWith("mls://")) {
                Intent intent = new Intent();
                intent.setData(Uri.parse(url));
                startActivity(intent);
                Log.v("tag_2", url);
                return true;
            }
            return super.shouldOverrideUrlLoading(view, url);
        }
    }

}

解释一下shouldOverrideUrlLoading()方法，这个是当webView加载网页时，可以在这个方法里面处理。你可以让你的前端小伙伴在这里写点击打开链接的网址为：mls://userpage?uid=123&user_type=mogujie ，那么就可以打开你的本地native 页面啦。

那怎么实现Android 客户端再回调通知H5网页呢？比如H5调用原生登录页面，登录完成后要告诉H5登录了。最简单的方法就是登录完成后刷新当前H5，用get参数传递过去uid之类的用户信息。哈哈。

===============================

如果你觉得帮到了你，请给作者打赏一口饭吃：