Android Hybrid开发

参考:谈谈Android App混合开发

Html 5和Native的交互

WebView 本来就支持js和Java相互调用,你只需要开启 WebView 的JavaScript脚本执行,

然后通过代码 mWebView.addJavascriptInterface(new JsBridge(), "bxbxbai"); 

向Html 5页面时注入一个Java对象,然后就可以在Html 5页面中调用Native的功能了

微信怎么做的

微信应该是Hybrid 开发做的最好的App之一,它是怎么做交互的呢?

答案就是 微信JS-SDK ,去微信开发者文档中可以看到,微信JS-SDK封装了各种微信的功能,

比如分享到朋友圈,图像接口,音频接口,支付接口地理位置接口等等。

开发者只需要调用微信JS-SDK中的函数,然后统一由JS-SDK来调用微信中的功能,

这样好处就是我写了一个Html 5的应用或网页,在Android和iOS的微信中都可以正常运行了

总结

一般来讲,也是我目前知道的两种主流的方式就是

  1. js调用Native中的代码
  2. Schema:WebView拦截页面跳转

第2种方式实现起来很简单,但是一个致命的问题就是这种交互方式是单向的,Html 5无法实现回调。

像云音乐App中这种点击跳转到具体页面的功能,Schema的方式确实可以简单实现,而且也非常适合。

如果需求变得复杂,假如Html 5需要获取Native App中的用户信息,那么最好使用js调用的方式。

一种开源的解决方案

Cordova是Apache的一个开源解决方案,不过它需要xml配置 CordovaPlugin 信息,使用会比较麻烦,而且这个框架很重,具体请自行搜索Cordova使用教程

下面这个开源项目是我个人觉得比较合理的解决方案,也比较轻量级,下图就是一个Demo

https://github.com/pedant/safe-java-js-webview-bridge

Hybrid开发适用于哪些功能

本文讲的Hybrid开发就是Native客户端中嵌入了Html App的功能,这方面微信应该是做的最好的,

由于Html 5的效率以及耗电问题,我个人觉得用户是不能满足Web App的体验的,Hybrid App也只适用于某些场景。

一些基础的功能,比如调用手机的摄像头,获取地理位置,登录注册功能等等,做成Native的功能,比让Html 5来调用更好,这样的体验也更好。

如果你把一个登录和注册功能也做成Html 5,在弱网络环境下,这个体验应该会非常的差,或许你等半天还没加载出页面。

你可能会说,我可以预先加载Html 5的代码,打开App时直接加载,那么我说你在给自己找麻烦,如果要这样的话,Native开发或许更快一点。

那么什么情况适合Html 5开发呢?像一些活动页面,比如秒杀、团购等适合做Html 5,因为这些页面可能涉及的非常炫而且复杂,Html 5开发或许会简单点,关键是这些页面时效性短更新更快,因为一个活动说不定就一周时间,下周换活动,如果这样的话,你还做Native是肯定不行的

posted @ 2016-03-04 13:41  鲸歌  阅读(318)  评论(0编辑  收藏  举报