写点什么

基于 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:002881

评论

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

码农必备SQL高性能优化指南!35+条优化建议立马get

码哥小胖

MySQL SQL语法 sql查询 sql

让你大显身手——掌握RocketMQ与Kafka中如何实现事务

小谈

kafka 面试 RocketMQ JVM原理

记录一次拼多多Web前端面试【一面+二面+hr面】

阿文

面试 Spring Cloud Spring Boot Web

Spring Boot 多数据源 Redis 配置

南南

redis 面试 Spring Boot Redis作者

老龄化时代的人机共生:京东数科以AI机器人推动产业增长

脑极体

week5

Geek_2e7dd7

这份架构PDF如何得到百度、洋码头、饿了么CTO等大咖联袂推荐?

小新

Java 架构 面试 队列

架构师训练营 一致性Hash算法Java实现

Cloud.

深入理解队列:LinkedBlockingQueue源码深度解析

itlemon

阻塞队列 LinkedBlockingQueue Queue

最强总结——分布式事务处理方式

小闫

面试 分布式 分布式锁 分布式存储 分布式缓存

第五周总结

武鹏

产业区块链发展迎来爆发期

CECBC

产业区块链 系统稳定性 应用安全性 信任的机器

架构师训练营 - 第 5 周学习总结

红了哟

阿里P7岗位面试,面试官问我:为什么HashMap底层树化的标准元素个数是8

鄙人薛某

Java 面试 hashmap 哈希

一篇文章深入理解分布式锁

itlemon

redis 分布式锁

正确的做事比做正确的事更重要

魔曦

架构师 极客大学架构师训练营

最右JS2Flutter框架——开篇(一)

刘剑

flutter 大前端 探索与实践

架构师训练营 - 第五周命题作业

牛牛

极客大学架构师训练营 命题作业 一致性Hash算法

搞懂Spring事务失效的8大原因,轻轻松松面试过关

码哥小胖

Java spring Spring Boot

打造Redis分布式环境下的银弹?我觉得Redisson比Redlock更胜一筹

码农月半

Java redis redis高可用 Redis项目

【week05】总结

chengjing

Uniapp使用GoEasy实现websocket实时通讯

GoEasy消息推送

uni-app websocket 即时通讯

啃碎并发(一):Java线程总述与概念

猿灯塔

week5 学习总结

Geek_2e7dd7

Week5 学习总结

wyzwlj

极客大学架构师训练营

程序员是这样解读《隐秘的角落》

陈东泽 EuryChen

学习 程序员 隐秘的角落

架构师训练营 - 第 5 周命题作业

红了哟

【week05作业】

chengjing

20道Redis面试题(含答案)面试官会问的我都找到了

你是人间四月天

redis 面试 Spring Cloud redis6.0.0 Redis项目

阿里内推面试,挂在了一道简单的问题上…

小新

Java 阿里巴巴 程序员 架构 面试

公司制的黄昏:区块链重构商业世界

CECBC

区块链思维 裂变 契约 激励

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