2012年07月_cutesource

12月 11月 09月 08月 07月 03月 02月

原创跨平台移动开发实战（十）------与native集成

现在各大平台群雄逐鹿，推出各种让人炫目的feature，基于HTML5开发最大的弊病就是无法享受最新最炫的native feature和性能问题，而Phonegap的价值就在于此，它就是为了让你既能基于HTML5享受跨平台的便利，又能享受native的feature。因此，这里就通过对phonegap的分析，来看看如何能更好地让HTML5长在native上。分析完phonegap在三大平台上的

2012-07-25 19:55:27 5507

原创 phonegap源码分析（三）------ IOS

几个月前看过phonegap在Android和WP上的实现源码，当时苦于没mac环境，直到现在才抽出时间学习了一下phonegap是如何让JS与native串联起来的。phonegap在IOS上和在WP很类似，由于IOS App内置的WebBrowser提供了比较好的与JS的互通机制，所以整个代码读起来比较轻松，架构图如下所示：其中有这么几个点值得强调一下：Phonegap I

2012-07-25 16:13:57 14276 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 7941

原创跨平台移动开发实战（八）------移动客户端网络通信

服务器端搭建好后，移动客户端就需要基于HTTP和Websocket来和服务器端通信，HTTP就基于Ajax来实现，Websocket就得靠各个移动平台浏览器对Websocket的支持，基本的开发大家查查文档就比较容易掌握，这里我着重谈三点：Ajax安全策略移动平台对Websocket的支持文件传输1）Ajax安全策略大家都知道Ajax存在跨域的限制，而基于Phonegap的离线开发

2012-07-22 22:45:32 7211 1

原创跨平台移动开发实战（七）------服务器端快速搭建

客户端与服务端基于HTTP和WebSocket网络协议来通讯，其中HTTP用于从客户端向服务端的请求，WebSocket用于从服务端向客户端的推送，因此服务器端需要支持HTTP和WebSocket两种协议。HTTP好说，所有Web服务器都支持，而支持WebSocket的倒不多。Java阵营：Tomcat 7和Netty.Net阵营：System.Net.WebSocketsNodejs阵营

2012-07-21 15:54:11 13321 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 16032 1

原创跨平台移动开发实战（六）------Jquery mobile的动态化

由于页面的控制和展现都放在了mobile客户端，所以UI的动态化就需要通过JS在客户端完成。针对JQM的动态化，主要用到以下两个技术：JQM组件动态修改界面模板化1）JQM组件动态修改常常需要动态修改JQM某些组件的显示，由于它有独立与JQuery的自制组件渲染机制，所以修改DOM后需要额外的措施才能refresh界面显示，JQM这块做得不太友好，每个组件的方式不一样：Te

2012-07-21 11:02:51 12859 2

原创跨平台移动开发实战（四）------Android开发环境网络连通解决方案

Android的开发环境环境搭建比IOS简单得多，Eclipse+Android SDK+Eclipse插件即可满足需求，如果搭建环境我就不多提了，这里想着重提两点：Android源码关联device与server网络连通如何关联Android源码，以便更好的使用API，可以参考我之前很早的一篇blog：《在Eclipse里关联Android源码的简单办法》。这里就重点谈谈如何搭建

2012-07-18 10:28:58 8134

原创跨平台移动开发实战（三）------HTML5开发环境搭建

跨平台移动开发实际上就是基于HTML5开发软件界面和主要的业务逻辑，因此一套完善的基于移动平台的HTML5开发环境是非常有必要的。这里我主要的关注点是以下四点：Javascript和Jquery mobile的编辑器HTML5的各个元素的InspectorJavascript远程断点debug移动平台Javascript开发模式1）Javascript和Jquery mobile的编辑

2012-07-17 14:47:39 27885

原创跨平台移动开发实战（二）------IOS开发环境搭建

首先我想提一下既然是跨平台的方案，还为什么要搭建各个平台的开发环境。Phonegap+HTML5的方案不是搞出一个在任何平台都能无需编译就能运行的package，而是一种能让Javascript与native相整合的方案，因此基于它做出的软件包依然是具有各个平台特性的package，只不过里面大部分的业务逻辑都是基于Javascript来开发的，但不代表所有，所以需要在各个平台的开发环境上来编译调

2012-07-15 10:20:50 19472

原创跨平台移动开发实战（一）------总体架构和技术路线

最近两个月以来工作之余一直在做一件事情，就是把现在的产品移植到各主流移动平台上。其实需求很简单，就是想让现有的产品能在各大移动平台上有个端，让客户能移动办公。这个需求大概也是个大众化普遍的需求，于是乎就饶有兴趣地把它当作一个主题比较深入地研究了一下。两个时间自己没事儿就倒腾一下，做了一个像模像样的产品，并覆盖到IOS、Andriod、WebOS、Chrome和Windows Phone(还在开发中

2012-07-14 18:18:37 18091 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 40521 38