混合app开发

最近做项目，遇到H5和Android交互的模块，具体就是H5主要提供页面，android用webView显示出来，部分topBar和bottomBar用原生android写。

做了一个实验，页面用H5写，android负责解析和显示并进行一定的登录逻辑判断。

特别注意的是android需要用WebView这个类实例化一个对象，通过设置允许和javaScript交互并添加javaScript实例才可以进行混合开发。

webView=(WebView)findViewById(R.id.webview);
WebSettingsws=webView.getSettings();//获取WebView配置
ws.setJavaScriptEnabled(true);//启用JavaScript

webView.addJavascriptInterface(newJavaScriptInterface(),"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的页面元素。

publicclassJavaScriptInterface{
@JavascriptInterface
publicvoidtoActivity(StringusernameFromH5,StringpasswordFromH5){
//此处应该定义常量对应，同时提供给web页面编写者
DialogTest(usernameFromH5,passwordFromH5);
}

@JavascriptInterface
publicvoidtoAndroidToastC(StringstrFromH5){
ToastC(strFromH5);
}

@JavascriptInterface
publicvoidtoBActivity(){
Intentintent=newIntent();
intent.setClass(MainActivity.this,BActivity.class);//forward为当前activity，forwardTarget为新的activity
startActivity(intent);
System.out.println("解析H5页面参数失败...");

}

}

这里是工程代码

http://download.csdn.net/detail/u014102727/9604085