- 博客(12)
- 资源 (13)
- 收藏
- 关注
原创 跨平台移动开发实战(十)------与native集成
现在各大平台群雄逐鹿,推出各种让人炫目的feature,基于HTML5开发最大的弊病就是无法享受最新最炫的native feature和性能问题,而Phonegap的价值就在于此,它就是为了让你既能基于HTML5享受跨平台的便利,又能享受native的feature。因此,这里就通过对phonegap的分析,来看看如何能更好地让HTML5长在native上。分析完phonegap在三大平台上的
2012-07-25 19:55:27 5549
原创 phonegap源码分析(三)------ IOS
几个月前看过phonegap在Android和WP上的实现源码,当时苦于没mac环境,直到现在才抽出时间学习了一下phonegap是如何让JS与native串联起来的。phonegap在IOS上和在WP很类似,由于IOS App内置的WebBrowser提供了比较好的与JS的互通机制,所以整个代码读起来比较轻松,架构图如下所示:其中有这么几个点值得强调一下:Phonegap I
2012-07-25 16:13:57 14318 2
原创 跨平台移动开发实战(九)------移动端本地存储方案
虽然数据都有Server端提供,但移动程序开发一般都需要支持offline使用模式,因此需要移动客户端本地存储数据,我按数据类型不同分为三种实现方案:简单数据(key-value):HTML5 Web Storage复杂数据(SQL):HTML5 Web SQL Database二进制文件(File):File API & Phonegap plugin1)简单数据(key-val
2012-07-23 17:32:51 7991
原创 跨平台移动开发实战(八)------移动客户端网络通信
服务器端搭建好后,移动客户端就需要基于HTTP和Websocket来和服务器端通信,HTTP就基于Ajax来实现,Websocket就得靠各个移动平台浏览器对Websocket的支持,基本的开发大家查查文档就比较容易掌握,这里我着重谈三点:Ajax安全策略移动平台对Websocket的支持文件传输1)Ajax安全策略大家都知道Ajax存在跨域的限制,而基于Phonegap的离线开发
2012-07-22 22:45:32 7254 1
原创 跨平台移动开发实战(七)------服务器端快速搭建
客户端与服务端基于HTTP和WebSocket网络协议来通讯,其中HTTP用于从客户端向服务端的请求,WebSocket用于从服务端向客户端的推送,因此服务器端需要支持HTTP和WebSocket两种协议。HTTP好说,所有Web服务器都支持,而支持WebSocket的倒不多。Java阵营:Tomcat 7和Netty.Net阵营:System.Net.WebSocketsNodejs阵营
2012-07-21 15:54:11 13359 1
原创 跨平台移动开发实战(五)------基于Jquery mobile开发UI的核心要素
Phonegap不管UI这块,并且既然选择HTML5作为技术路线,那么就不能基于各个平台的UI库来开发界面,因此选择一个基于mobile的HTML5 UI框架就显得非常重要了。Phonegap官方网站提供了一个选择列表,基本上涵盖了能够和Phonegap集成并且非常主流的开源框架:http://phonegap.pbworks.com/w/page/36767911/UI%20Developmen
2012-07-21 11:40:10 16096 1
原创 跨平台移动开发实战(六)------Jquery mobile的动态化
由于页面的控制和展现都放在了mobile客户端,所以UI的动态化就需要通过JS在客户端完成。针对JQM的动态化,主要用到以下两个技术:JQM组件动态修改界面模板化1)JQM组件动态修改常常需要动态修改JQM某些组件的显示,由于它有独立与JQuery的自制组件渲染机制,所以修改DOM后需要额外的措施才能refresh界面显示,JQM这块做得不太友好,每个组件的方式不一样:Te
2012-07-21 11:02:51 12905 2
原创 跨平台移动开发实战(四)------Android开发环境网络连通解决方案
Android的开发环境环境搭建比IOS简单得多,Eclipse+Android SDK+Eclipse插件即可满足需求,如果搭建环境我就不多提了,这里想着重提两点:Android源码关联device与server网络连通如何关联Android源码,以便更好的使用API,可以参考我之前很早的一篇blog:《在Eclipse里关联Android源码的简单办法》。这里就重点谈谈如何搭建
2012-07-18 10:28:58 8175
原创 跨平台移动开发实战(三)------HTML5开发环境搭建
跨平台移动开发实际上就是基于HTML5开发软件界面和主要的业务逻辑,因此一套完善的基于移动平台的HTML5开发环境是非常有必要的。这里我主要的关注点是以下四点:Javascript和Jquery mobile的编辑器HTML5的各个元素的InspectorJavascript远程断点debug移动平台Javascript开发模式1)Javascript和Jquery mobile的编辑
2012-07-17 14:47:39 27989
原创 跨平台移动开发实战(二)------IOS开发环境搭建
首先我想提一下既然是跨平台的方案,还为什么要搭建各个平台的开发环境。Phonegap+HTML5的方案不是搞出一个在任何平台都能无需编译就能运行的package,而是一种能让Javascript与native相整合的方案,因此基于它做出的软件包依然是具有各个平台特性的package,只不过里面大部分的业务逻辑都是基于Javascript来开发的,但不代表所有,所以需要在各个平台的开发环境上来编译调
2012-07-15 10:20:50 19521
原创 跨平台移动开发实战(一)------总体架构和技术路线
最近两个月以来工作之余一直在做一件事情,就是把现在的产品移植到各主流移动平台上。其实需求很简单,就是想让现有的产品能在各大移动平台上有个端,让客户能移动办公。这个需求大概也是个大众化普遍的需求,于是乎就饶有兴趣地把它当作一个主题比较深入地研究了一下。两个时间自己没事儿就倒腾一下,做了一个像模像样的产品,并覆盖到IOS、Andriod、WebOS、Chrome和Windows Phone(还在开发中
2012-07-14 18:18:37 18171 3
原创 在AMD的WIN7上搭建IOS开发环境(mac 10.6.8 + xcode 4.2)
最近需要开发一个Mobile应用的IOS版本,需要搭建IOS开发环境,可在LP那里申请预算买Mac本失败,只好采用虚拟化的方式先搭Mac操作系统,然后再装xcode+IOS SDK,在这里也深深的抱怨一下Apple的封闭,把IOS的开发环境和Mac强绑定,更可恶的是版本也是严格匹配,要不是任务在身鬼他妈的想碰Apple这一套,不说废话,这里把整个搭建过程记录下来,免得以后忘记,也方便其他兄弟少走弯
2012-07-04 16:56:32 40569 38
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人