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

来源:互联网 发布:新疆大学网络教育平台 编辑:程序博客网 时间:2024/06/05 17:44

首先得先简单学习下什么是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之类的用户信息。哈哈。


0 0
原创粉丝点击