你对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开发带来的乐趣吧!