浅谈Android与H5的混合式开发

    我是做Android开发的，最近公司要做Html与Android的混合式开发，最重要的不是做混合式开发，而是让我一个人，既要写H5的页面又要写Android，没办法，就是干。先看看视频效果吧

遇到了一个让我头疼的问题，在Html中启动Activity的页面，虽然查了好多，但是也踩不少的坑。

首先说说Html启动Android的Activity,直接上代码

     在Html这边也没有多少，有很多种方法，但是我就说说我用到的这种，用a标签的href来打开 ，在标签中写main这是关键

    启动Activity

至于页面的布局，大家自己可以去写，这只是一个功能，下边给大家说说重点，就是Android中的代码，首先必须是要建一个工程的，而且混合式开发大家都知道Html代码是要放在Android 的工程当中去的。

怎么建Android的工程就不说了，建好工程之后，将你的Html的代码要放在assets的包下，建assets的包要和Java包在同级的目录下

建好之后就将Html的代码copy进去，接着，想要从Html启动Android的Activity是不是首先要加载Html的代码，很easy，大家都知道有WebVie去加载。

webView = (WebView)findViewById(R.id.webview);

//        设置支持js

        webView.getSettings().setJavaScriptEnabled(true);

//不调用浏览器

        webView.setWebViewClient(new WebViewClient());

//支持alert弹窗

        webView.setWebChromeClient(new WebChromeClient());

//添加js调用接口类，通过Android这个字段 调用这个类的方法

        //加载网页

        webView.loadUrl("file:///android_asset/index.html");

写完这些，大家就直接可以运行Html了，但是你想要在Html中启动一个activity,那就接着看吧，

那么就需要在建立一个目标Activity，然后用重点来了再见好的Activity的AndroidManifest.xml注册表里必须写上这几句，

记得加上这几句。完了之后呢，是不是觉得就可以启动了。。。。。

其实这样还是不对的，要在启动之前重写WebViewClient中的shouldOverrideUrlLoading方法来看一下就这样

WebViewClient webViewClient = new WebViewClient() {

@Override public boolean shouldOverrideUrlLoading(WebView wv,String url) {

if(url== null)

return false;

try {if(url.startsWith("main://") ) {

Intent intent = new Intent(Intent.ACTION_VIEW,Uri.parse(url));

startActivity(intent);return true;

}

}catch (Exception e) {

//防止crash (如果手机上没有安装处理某个scheme开头的url的APP, 会导致crash)

                return false; }

wv.loadUrl(url);return true; }

};

private void initData() {

webView = (WebView)findViewById(R.id.webview);

//        设置支持js

        webView.getSettings().setJavaScriptEnabled(true);

//不调用浏览器

        webView.setWebViewClient(webViewClient);

//支持alert

        webView.setWebChromeClient(new WebChromeClient());

//添加js调用接口类，通过Android这个字段 调用这个类的方法

        //加载网页

        webView.loadUrl("file:///android_asset/index.html");

}

到这，就可以说完事具备，直接运行就ok了

启动，说到以上就已经可以了，但是呢，刚才还有个没处理呢，那又是什么呢，那就是传值用的

来顺便传个值看看。要传过来是不是还要接收一下呢

txt_title = (TextView)findViewById(R.id.tv_title);

txt_show = (TextView)findViewById(R.id.tvshow);

Intent intent = getIntent();

String action = intent.getAction();

if (Intent.ACTION_VIEW.equals(action)) {

Uri uri = intent.getData();

if (uri != null) {

String id = uri.getQueryParameter("id");

String title = uri.getQueryParameter("title");

String dataString = uri.getQueryParameter("data");

txt_title.setText(title);

txt_show.setText(id+"111111111"+dataString);

}

}

这是用来接收值的，那么在Html页面中改一下启动Activity

好了，简单的就分享到这里，有需要源码的friend,To contact me Wechat（13993365940）

HDFHFS