android superWebView ----新的 Hybrid App 解决方案（集成总结）

莫欺少年穷。

对于现在的app开发，不得不说让人很揪心，不是开发者闹心，而是经理们惆怅。

用原生开发（native app）,开发周期长，一般一个app做下来2-3个月。对于这么长的开发周期，后期版本迭代的麻烦程度，老板们已然忘却原生的流畅性，和更好的用户体验。

用H5开发（Web app ）,开发周期大大缩短，一套（三端）做下来，1-2周就可以搞定，并且版本迭代不用重新打包。H5这么吊炸天，哪还有原生的存活可能，H5的用户体验和流畅度比原生的要渣。

那么完美的解决方案是什么呢，傻子都能想到，两者结合嘛，对，保留原生的流程和好的用户体验，保留H5快速开发特性，Hybrid App 诞生了。

1月份，APICloud  出了一套，据说是致力于提升用户体验改善移动设备webView体验差的整套解决方案。  看看，有木有吊炸天。点击查看superWebView的说明文档

怎么集成就不介绍了，直接看上面的文档飞机，集成只需要分分钟。

就简单介绍一下这两天使用上遇到的一些问题吧。

        不得不吐槽，一个盈利的第三方，把客服的解答都作为盈利点。（没有在线客服，有技术论坛，发个问答贴，最好的结果就是等待一天，有客服回答你。。。如果你遇到疑难杂症，不是他们的VIP（几千RMB一个月），那就老实打电话吧（博主打了一个电话咨询，结果就是没解决））

1.未加载superWebView之前，就将需要数据传递给H5页面，用intent传参的方式。在跳转之前就将参数放在intent中，在H5代码中，用 

var json = api.appParam;

来获取到传值的内容，为json格式的字符串

2.在H5界面加载完成之后，用一些回调点击事件传递数据给H5。

重写  

onHtml5AccessRequest

方法。

H5界面先触发事件，由java代码捕获，再传入相应数据json串给H5。

@Override

protected boolean onHtml5AccessRequest(WebViewProvider provider, UZModuleContext moduleContext) {

String name = moduleContext.optString("name");

//"requestEvent"与assets/widget/html/wind.html页面的发送请求相匹配

if("requestEvent".equals(name)){

JSONObject extra = new JSONObject();

try{

extra.put("session", plum_session_api);

}catch(Exception e){

;

}

//"fromNative"与assets/widget/html/wind.html页面的apiready中注册的监听相对应

sendEventToHtml5("fromNative", extra);

}

return true;

}

}

apiready = function(){

//监听名为"fromNative"的事件，该事件来自Native

api.addEventListener({

name:'fromNative'

}, function(ret){

alert('收到java代码传入：\n' + JSON.stringify(ret));

});

var json = api.appParam;

document.getElementById("testJson").innerHTML=json;

};

function requestEvent(){

api.accessNative({

name: 'requestEvent'

});

}

整个过程，原生开发人员，只需要将app框架搭好，其它的功能逻辑，直接交给前台出一整套的H5解决方案，然后往App中嵌套。

今天出了一个页面，因为加载的是app本地的H5，JS,CSS，所以整体的流畅性还是挺好的。

转载请注明出处：http://blog.csdn.net/qq_33078541?viewmode=contents

如集成过程中出现问题，欢迎回复咨询~~