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

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