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的微信中都可以正常运行了
总结
一般来讲,也是我目前知道的两种主流的方式就是
- js调用Native中的代码
- 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是肯定不行的