解析Flex开发环境的搭建

开发 后端
本文向大家介绍一下Flex开发的基础知识,Flex作为富Internet应用(RIA)时代的新技术代表,自从2007年Adobe公司将其开源以来,Flex就以前所未有的速度在成长。

你对Flex开发的概念是否了解,本文介绍Flex开发的基础知识:包括如何搭建开发环境,如何调试,以及如何建立和部署简单的Flex项目。通过本文的学习,可以为您将来深入地学习Flex打下良好的基础。

Flex开发入门

Flex作为富Internet应用(RIA)时代的新技术代表,自从2007年Adobe公司将其开源以来,Flex就以***的速度在成长。很多公司,包括IBM都纷纷加入了Flex开发的阵营当中。很多开发人员也按捺不住Flex的“诱惑”而准备从事Flex开发。本文主要讲述Flex开发的基础知识,主要是关于开发环境的搭建,以及介绍简单的Flex项目创建、编码、调试以及部署的过程和Flex编程的基本知识。通过本文的学习,您将会学习如何搭建Flex基本的开发环境以及开发、调试和部署方面的基础知识。为您以后深入系统的学习Flex打下良好的基础。要学习本文,您需要有一定的Web编程经验和EclipseFireFox使用经验。

代码示例和安装要求

本文所有示例均在WindowsXPSP3系统中测试完成。您需要一台能流畅运行WindowsXP系统的机器,除此之外您还需要一些工具才能试用本文中的代码。所有这些工具都可以免费下载(参见参考资源):

◆JavaSDK1.5或更高版本
◆Tomcat6.0或更高版本
◆Eclipse3.3或更高版本
◆FlexBuilder3.0或更高版本
◆FireFox2.0或更高版本

安装配置Flex开发环境

接下来我们便迫不及待的开始吧!首先搭建我们的开发环境,为了减少因为环境不一致而引起的问题,建议读者使用与本文相同的软件版本:

下载并安装JDK(本文使用版本为SunJDK6);
下载并解压Eclipse(本文使用版本为EclipseGanymedeJ2EE版本,含WTP插件);
下载并安装FlexBuilderEclipse插件版(本文使用的FlexBuilder版本为3.0.1);
下载并安装Tomcat(本文使用版本为Tomcat6.0.18);
下载并安装FireFox(由于Flex3.0和一些插件的兼容性问题,本文使用FireFox2.0.0.17)

◆FlexBuilder提供两个版本,一个是Allinone的版本,另外一个是Eclipse的插件版,Allinone的版本内置了一个Eclipse的基本核心,插件不全。所以我们采用单独下载Eclipse和安装FlexBuilder插件版的方式。另外在安装过程中不要安装FlashPlayer到IE或者FireFox上。我们在接下来的步骤中将单独安装debug版本的FlashPlayer。

大家知道Flex代码编译后是一个SWF文件,运行在FlashPlayer中,要想看到SWF文件在运行时输出的一些调试信息是比较困难的。所以在安装好基本的软件之后,我们要安装一些便于我们调试Flex的FireFox插件:

下载并安装debug版本的FireFoxFlashPlayer插件(本文使用的版本为FlashPlayer10)
打开FireFox,到FireFox的扩展组件站点上搜索并安装HttpFox,FlashTracer,CacheStatus三个插件,如图1所示。

图1:开发调试需要的FireFox插件


◆在Debug版本的Flashplayer和FlashTracer插件完成好之后,我们发现FlashTracer并不能正常的显示用trace语句输出的调试信息。为了使其能够工作,还需要先点击图1中的FlashTracer设置按钮来设置日志文件的输出路径。并且输出的日志文件路径对于WindowsXP来说必须是C:\DocumentsandSettings\Administrator\ApplicationData\Macromedia\FlashPlayer\Logs\flashlog.txt。

在安装了Debug版本的FlashPlayer之后,FlashTracer能显示您在程序中用trace()语句输出的调试信息,HttpFox插件不仅能查看HTTP通信的过程和数据,还能看到哪些内容是从Cache里面读取的。另外,CacheStatus插件可以让我们方便的管理缓存。在Flex开发过程中,往往需要先清除掉缓存中的内容,才能看到新改动的效果。

接下来我们打开FlexBuilder,在菜单Window>Preferences>Server>RuntimeEnvironment中设置我们的Tomcat6以及在菜单Window>Preferences>General>WebBrowser中设置浏览器为外部浏览器FireFox,如图2和图3所示:

图2:配置Tomcat


图3:设置默认浏览器


到此为止,我们的Flex开发环境算是彻底搭建完毕,可以看出这个过程并不算是特别简单。别急,先苦后甜,小憩一下,让我们来享受一下Flex开发带来的乐趣吧!


 

【编辑推荐】

  1. Flex开发者必须知道的10件事
  2. Flex安全沙箱问题解决方法
  3. 技术前沿 看Flex客户端缓存技术如何使用
  4. 解析Flex全屏模式设置方法
  5. Flex内存泄露解决方法和内存释放优化原则

 

 

责任编辑:佚名 来源: ibm.com
相关推荐

2010-08-04 15:12:54

Flex开发

2011-06-28 15:09:38

Qt Maemo

2010-05-02 14:29:15

Meego开发

2010-01-04 18:22:03

Ubuntu flex

2009-07-03 16:56:37

JSP开发环境

2010-08-03 14:24:37

Flex与java集成

2011-06-09 10:28:54

QT 嵌入式

2010-08-11 10:24:46

Flex开发

2010-08-02 16:09:42

2016-08-16 13:44:28

AndroidLinuxADT

2013-07-23 06:11:44

Android开发学习Android开发环境Java

2021-02-04 13:49:41

鸿蒙HarmonyOS应用开发

2024-03-26 15:19:36

鸿蒙应用开发开发工具

2010-08-02 13:35:59

FlexBuilder

2011-09-06 10:36:10

QT平台

2010-02-03 14:37:10

Python 开发环境

2009-10-09 09:37:46

2010-07-27 10:58:46

Flex

2010-08-06 14:13:31

FlexDataGrid分页控

2011-07-08 16:02:24

iphone
点赞
收藏

51CTO技术栈公众号