通常原生app都是用webview加载前端H5页面,Android系统中内嵌的WebKit,这是一个浏览器内核,它帮助着我们可以浏览网页。在实际开发中,如果你想让App能够访问网页,那就需要用到WebView这个控件。
前端与H5通过JavaScriptInterface注解形式进行js交互,WebView与Javascript相互调用,handler进行回调前端方法进行数据回传。
在原生的webview中设置一个webclient,重写shouldOverrideUrlLoading(),重新加载URL,webview网页进行加载H5资源。
webView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
});
监控回退事件进行事件处理,页面回退加载前一个页面
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK && mWebView != null && mWebView.canGoBack()) {
mWebView.goBack();// 返回前一个页面
return true;
}
return super.onKeyDown(keyCode, event);
}
mWebView.addJavascriptObject(new SafeHatJsApi(this), "hat");
webview加载js方法,用实例来区分加载的类型方便各模块的区分。
/**
* 查看是否连接
* @param object
* @return
*/
@JavascriptInterface
public void isConnect(Object object, CompletionHandler<String> handler) {
Activity activity = mActivity.get();
Map<String, Object> maps = new HashMap<>();
...其他代码
handler.complete(H5Result.getSuccess(maps));
}