写点什么

基于 Adobe AIR 的社交应用开发及案例研究

  • 2010-12-07
  • 本文字数:3639 字

    阅读完需:约 12 分钟

这里是 Adobe 官方网站对于 AIR 的介绍:

Adobe® AIR® 运行时使开发人员能使用 HTML、JavaScript、Adobe Flash® Professional 软件和 ActionScript® 构建 Web 应用程序,这些应用程序可以作为独立的客户端应用程序运行并且不受浏览器的约束。Adobe AIR 作为 Flash Platform 的一个关键组件,为跨设备和平台交付应用程序提供了一个一致、灵活的开发环境,使设计人员和开发人员能完全释放自己的创意。现在提供 AndroidΤΜ BlackBerryΤΜ Tablet OS 和 iOS* 移动操作系统及电视支持。

MixMatchMusic 首席执行官兼共同创始人,MobBase 移动应用程序服务开发人员,Charles Feinn,这样评价 Adobe AIR:

借助 Adobe AIR,我们将相同的代码用于桌面、Tablet 和智能手机,这不仅为我们节省了时间和资金,还提供了部署效率。我们随后可以快速、有效地通过 Adobe 的应用程序分发服务 Adobe InMarket 分发这些应用程序。

Emantras Inc. 首席执行官,Sesh Kumar 也给 Adobe AIR 不错的评价:

使用 Adobe AIR 和 Flash Platform 创建应用程序的投资回报和资源节省真正扭转了形势。AIR 是唯一可用的解决方案,它允许您通过重用代码瞄准智能手机、Tablet、台式机和电视。通过多种设备提供电子教学内容的能力令几乎所有人都能进行学习。

Adobe AIR 诞生数年来,已经从 1.0 版本升级至如今的 2.5 版本,产品日趋成熟,其跨平台理念也从电脑桌面扩展到了移动平台,包括 Android 系统、iOS 系统、黑莓系统等等。

目前在各个领域已经涌现出了许多优秀的使用 Adobe AIR 技术开发的客户端软件,例如在社交应用领域,就有著名的 TweetDeck,Twhirl,Spaz,Seesmic Desktop 等等。他们可以支持 Twitter, Facebook,FriendFeed,Myspace 等国外常用的社交网站。

笔者是一位 JavaEE 和 Flex 开发者,但曾经做过 Web 设计师的工作。在使用如上社交应用的同时,笔者发现中国相应的应用非常稀少,因此萌生了为中国现有的社交网站开发应用的想法。目前笔者开发的豆瓣网应用 DoubanTalk、豆瓣桌面客户端以及新浪微博客户端都受到了网友的热烈欢迎。

Adobe AIR 可谓是开发社交应用的首选。首先,你可以使用 Html、Javascript、ActionScript 以及 Flex 进行开发,这比传统的基于 C++、VB、Java 语言的桌面应用的开发速度快了许多倍。其次,借助于 Flash 技术,你可以设计出极为炫目和体验极佳的用户界面,而传统桌面应用开发技术需要耗费大量精力才能做到。再次,Adobe AIR 的跨平台特性为你省去了开发多平台版本软件的麻烦,最新的 Adobe AIR 甚至支持在手机平台运行,真正做到了“一处编写,处处运行”。

当然,笔者也考虑过使用 SilverLight 与 WPF 技术进行类似开发。虽然 C#语言在与原生操作系统交互上更胜一筹,但是笔者后来还是放弃了。首先因为利用 WPF 技术开发的应用需要.NET Framework,这一运行时安装起来极其麻烦和费时,用户体验非常不好(尤其是 WindowXP 操作系统),而自带此运行时的 Windows7 操作系统目前的普及率并不算高。再次,.NET Framework 运行时的跨平台特性做的远不如 Adobe AIR 成功,而这一点对于社交应用是至关重要的。

当然,AIR 最大的劣势就是不能原生地与操作系统交互。因此,用 AIR 开发本地特性比较多的应用是没有多大优势的。然而,对于本地特性使用很少的社交应用来说,AIR 自带的本地接口以及 AIR2.0 提供的本地程序调用接口(NativeProcess)已经完全够用了。

这里笔者提供一个具体案例——DoubanTalk,来说明如何使用 Adobe AIR 进行社交应用开发。

开发需求

豆瓣网是目前中国比较热门的社交网站,它提供一种类似 Facebook 和 Twitter 形式的社区交流形式,但是是非实名的,另外它还是著名的书评、影评、乐评网站。豆瓣网开放了有限的基于 OAuth 的 API,调用方法是 REST 形式。豆瓣网目前的应用还比较贫乏,现有的应用也不够成熟和易用。

社交应用的吸引力在于给使用者带来不同于网页版本的方便快捷,以及创新的功能。

笔者开发应用的初衷便是希望提供一个这样的应用:能够完成豆瓣的基本功能;能够进行友邻广播的过滤和自动提醒;能够查询书影音信息并查看评论;还能够搜索书影音条目的下载地址。

最终的应用版本基本实现了上述功能,并加入了众多豆瓣网页没有的创新点,例如可以转发我说和日记;可以同步显示豆瓣电台歌词;可以查看同城天气预报等等,这些创新点也是该应用受到热烈欢迎的原因。

应用截图如下:

你可以从这里下载该应用。

实现概览

笔者采用了 Flex3.5 来开发此 AIR 应用。相对于使用 JavaScript 和 Flash Professional 软件,Flex 提供了易于维护和方便开发的 XML 标记语言——MXML 语言。ActionScript 是核心的 Flash Player 编程语言,而 MXML 是建立在其基础上的一个抽象。另外,Flex 提供的各类标准组件大大加快了开发速度。

豆瓣网提供了 REST 形式的 API,返回结果有两种,JSON 和 XML。对于第一种返回结果,可以使用 Adobe 官方提供的 as3corelib 库来进行解析;对于 XML 形式的返回结果,ActionScript3.0 自带的 e4x 语法已经非常强大,解析 XML 非常方便。

部分 API 访问前需要进行 OAuth 认证,可以去 Google 上搜索相应语言对应的 OAuth 库。

在用户数据存储和离线数据存储方面,该应用采用了 Adobe AIR 自带的 Sqllite 本地数据库来储存用户数据。针对于 Sqllite 数据库的数据持久化,可以采用一些持久化框架,也可以自己编写 Sql 语言来实现。

当然,如果数据格式不是太复杂,也可以采用文本文件或者 XML 文件来进行数据存储。

实现细节

这里以应用的一项基本功能——获取最新友邻广播列表来进行说明。获取列表信息需要向豆瓣 API 服务器发出 GET 请求,而通过 Flex 的 HTTPSerivice 组件可以非常方便的发出 GET 请求。

首先,我们需要声明一个 Flex HTTPSerivice 组件:

复制代码
<mx:HTTPService id="miniblogSrv" result="miniblogSrv_result_hander(event)" fault="faultHander(event)"/>

然后,你可以在应用的初始化阶段(例如监听 creationComplete 事件)调用上面的组件发出 GET 请求,请求可以通过 URLVariables 携带参数:

复制代码
var params : URLVariables = new URLVariables();
params['start-index'] =1;
params['max-results'] =20;
var url : String = generalGetURL("http://api.douban.com/people/"+douban_id+"/miniblog/contacts",params);
miniblogSrv.url = url;
miniblogSrv.send();

通过声明上面的 miniblogList 为 [Bindable],返回结果可以与某个 Flex 数据集组件绑定,例如 MX:list 组件。

复制代码
<mx:List width="100%" height="100%" dataProvider="{ miniblogList}"/>

通过使用 Flex 的 itemRenderer 技术,可以针对列表单元项进行个性化定制;而通过 ActionScript3.0 中的 Timer 类,可以进行定时查询以完成广播的自动提醒。

通过使用 ActionScript3.0 中的 URLLoader 和 URLRequst 类可以方便的完成 POST、DELETE、PUT 请求,这里不再赘述。

当然,以上只是一个非常简单的例子以用来展示如何使用 Adobe AIR 来完成基本的 REST 操作。笔者给出的建议是尽量将返回的 XML 数据映射为 ASObject 实体,这样更方便之后的维护;另外可以采用常用的 Flex 框架进行开发,例如 Cairngorm、Mate、Robotleg 等等。

如何发布和部署

Adobe AIR 提供了良好而方便的发布、部署和更新机制。

如何发布?如果你使用的是 Adobe Flash Builder 开发应用,很简单,只需要导出 Release Build 即可;如果你所用的工具并未自带打包功能,你也可以通过 AIR SDK 中的 ADT 命令行参数进行打包。

如何部署?用户只需要安装了 Adobe AIR 运行时,即可通过下载你发布的打包文件非常方便的安装程序。当然,你可以可以通过使用 Adobe AIR Express Install Badge 技术提供用户在线安装的版本,这样用户可以直接在网页上点击一下完成 AIR 运行时和 AIR 应用的同时安装。AIR 安装文件通常非常小巧,安装过程也很快速。

如何自动更新?Adobe AIR 自带的自动更新机制非常好用,只需在远程服务器发布一个符合自动更新格式的 XML 文件即可,应用会在每次启动时自动检查和安装更新程序。当然,开发过程中你也可以使用一些开源的自动更新库。

结论

使用 Adobe AIR 技术进行社交应用的开发,不论是开发速度、界面效果,还是跨平台性,都远远超过其他的桌面软件开发技术。当然,AIR 在游戏、视频、3D 等方面更是有着 Flash 平台得天独厚的优势。目前 AIR 已经初步支持了 Android 等移动操作系统,让我们期待 Adobe AIR 在移动平台上能有更佳的表现!

有兴趣的读者可以到一端网络下载作者开发的其他社交应用软件。

关于作者

作者是一位经验丰富的开发者,在Web 前端、Web 后端、RIA 等方面都有一些研究。在来到Adobe 之前,他曾经担任过Web 设计师、Flash 设计师、JavaEE 工程师、项目架构师等工作。最近他在忙于构建一个统一的社会化应用网络。更多信息可以访问:一端网络


感谢崔康对本文的审校。

给InfoQ 中文站投稿或者参与内容翻译工作,请邮件至 editors@cn.infoq.com 。也欢迎大家加入到 InfoQ 中文站用户讨论组中与我们的编辑和其他读者朋友交流。

2010-12-07 00:002870

评论

发布
暂无评论
发现更多内容

三件可以用systemd做的令人惊讶的事情

百度搜索:蓝易云

UnlockGo(安卓版)For mac 手机解锁工具

Rose

Dropzone 4 for mac v4.80.20激活版 文件拖拽增强工具

理理

Sketch for mac(专业矢量绘图设计软件)v100.3中文破解版

Rose

IDA Professional 9.0打开显示30016错误解决方法

Rose

Understand for Mac(优秀的源代码审查工具)

Rose

写在 Pencils Protocol TGE 前:看好 $DAPP,加密社区共识是王道

加密眼界

使用开源工具监控Kubernetes云成本

百度搜索:蓝易云

使用Lens Desktop监控和调试Kubernetes

百度搜索:蓝易云

全景图制作软件 DoubleTake for mac v2.7.2注册激活版

理理

文件压缩和解压缩工具 iZip Archiver Pro for Mac v4.9激活版

理理

Corel Painter 2023序列号 强大的数字绘画软件

理理

Permute 3 for mac(全能媒体格式转换器)v3.11.12中文版

理理

Bartender 5 for mac(菜单栏图标管理软件)v5.1.2中/英激活版

理理

狂奔的荣耀,稳健的苹果:AI Agent手机竞速赛

脑极体

AI

OmniGraffle Pro for mac(思维导图/流程图软件)v7.23.1正式注册版

Rose

macos big sur 软件icons图标大全(新增至2719枚大苏尔风格图标)

Rose

如何在Ubuntu 22.04上安装CRI-O容器运行时

百度搜索:蓝易云

最新版Downie 4 v4.7.28中文版 苹果mac网络视频在线下载器

理理

LED大屏幕:现代显示技术的璀璨之星

Dylan

技术 科技 LED LED display 屏幕

站在 AI 与 Web3 的交汇路口,EraAI 如何带领投资者进入智能化决策时代?

股市老人

写在 Pencils Protocol TGE 前:看好 $DAPP,加密社区共识是王道

大瞿科技

Stata 15:数据管理及统计分析工具

Rose

Blu-ray Player Pro for Mac(蓝光高清播放工具)v3.3.22中文版

Rose

Maplesoft Maple 2024 for mac v2024.0 专业的数学计算软件

Rose

Cinema 4D 2024 For mac/win 中文破解版 C4D 2024下载安装教程

Rose

分步指南:安装和访问Kubernetes仪表板

百度搜索:蓝易云

Go必知必会:探索Go语言中的map,灵活而强大的键值对集合

王中阳Go

map 数据类型 Go 语言

母带音频制作IK Multimedia T-RackS 6 MAX 新功能及安装包下载

理理

Mac多功能文件提取软件 File Juicer v4.101中文注册版

理理

WiFiSpoof for Mac(wifi地址修改工具)v4.0.4免激活版

理理

基于Adobe AIR的社交应用开发及案例研究_Java_饶侠_InfoQ精选文章