最近做项目,遇到H5和Android交互的模块,具体就是H5主要提供页面,android用webView显示出来,部分topBar和bottomBar用原生android写。
做了一个实验,页面用H5写,android负责解析和显示并进行一定的登录逻辑判断。
特别注意的是android需要用WebView这个类实例化一个对象,通过设置允许和javaScript交互并添加javaScript实例才可以进行混合开发。
webView = (WebView) findViewById(R.id.webview);
WebSettings ws = webView.getSettings(); // 获取WebView配置
ws.setJavaScriptEnabled(true); // 启用JavaScript
webView.addJavascriptInterface(new JavaScriptInterface(), "android");
webView.loadUrl("file:///sdcard/Local/webHome/h5test.html"); // 加载本地的H5页面
webView.loadUrl("javascript:btnClick()");
webView.loadUrl("javascript:btnOpenXinlangPage()");
webView.loadUrl("javascript:btnC()");
webView.loadUrl("javascript:btnNextPage()");
并且定义一个JavaScriptInterface用于处理从H5返回的数据,每个接口之前都要加@JavaScriptInterface,不然android无法响应H5的页面元素。
public class JavaScriptInterface {
@JavascriptInterface
public void toActivity(String usernameFromH5, String passwordFromH5) {
// 此处应该定义常量对应,同时提供给web页面编写者
DialogTest(usernameFromH5, passwordFromH5);
}
@JavascriptInterface
public void toAndroidToastC(String strFromH5) {
ToastC(strFromH5);
}
@JavascriptInterface
public void toBActivity() {
Intent intent = new Intent();
intent.setClass(MainActivity.this, BActivity.class);// forward为当前activity,forwardTarget为新的activity
startActivity(intent);
System.out.println("解析H5页面参数失败...");
}
}
这里是工程代码