混合app开发

最近做项目，遇到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页面参数失败...");

		}

	}

这里是工程代码

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