首页 分享 Android客户端 — native+html5移动应用混合开发

Android客户端 — native+html5移动应用混合开发

来源:花匠小妙招 时间:2024-11-14 13:25

选型 native结合html5的混合开发方式

自主开发的面向移动客户端的JS mobile web Framework (mwf)

mwf框架包含:基础库(节点操作、触摸事件等),控件库(事件调度、缓存、ajax引擎、模板引擎等)、移动库(通知、文件处理、地理位置等)

Patched Phonegap Framework (phonegap 基础上的patch)

修正了如Fling事件被skip、Focus问题与软键盘处理、Fixed position、Click延迟等问题

Native Util (项目需求增加的工具类,如消息通知、menu等)

接着4月份开始,该技术开始应用到博客Android的产品。经过团队各位同事的协作,现在产品的雏形如下:

【 技术解析】

客户端和服务器的交互

博客客户端其实可以理解为一个chrome浏览器(webkit引擎),与服务器的交互采用web开发常用的dwr操作数据的方式,这样方便了web开发人员平滑的过度到手机客户端的开发,同时充分发挥出了浏览器调试工具的作用。

客户端数据的缓存(html5)

考虑到移动设备流量的宝贵性及离线的可访问性,产品将用户访问的数据缓存于本地,用户在使用过产品后,后续的使用均默认从缓存获取数据,只有当用户显式的刷新时才会从服务器重新获取数据。

在自主开发mwf框架里集成了Local Storage 的缓存处理,并且针对本地存储做了两点优化

对每个要存储的数据增加脏数据标志位的判断。解决在实践中遇到Local Storage 的删除操作完成后,缓存数据并未真正删除的问题。 在本地存储的基础上增加了对象内存缓存,提高了读取数据的性能。 消息的实时通知(html5)

用户的互动操作(如评论、留言、关注、加博友的场景)中采用了实时双向推送技术WebSocket,通过native扩展的接口友好的呈现给用户,该技术的应用很大程度的改善了用户的互动体验。

通知

拍照、通知栏通知等的实现( native扩展 )

客户端和手机的相互操作(如拍照,通知栏),采用phonegap暴露的js api 来调用实现。

拍照

文件上传

通知铃声设置

Css3的应用

androidblog-0.9.1.7beta.rar(550.31K)
下载


相关知识

HTML5移动开发
基于Android的车载智能监测系统的应用与研究
探秘移动开发新灵感:利用“仿闲鱼发布页”资源快速提升技能
基于Android的水稻病虫害图像的识别与诊断系统
移动设备签到应用开发大家给点开发
【Android开发那点破事】Android中Activity的生命周期
电商平台移动端应用开发及维护服务合同.doc
映花科技
基于Android系统的花卉识别APP界面设计与实现
移动图书馆客户端在哪里下载?

网址: Android客户端 — native+html5移动应用混合开发 https://www.huajiangbk.com/newsview546562.html

所属分类:花卉
上一篇: C# 调起外部程序并等待该程序结
下一篇: AI应用开发实战

推荐分享