解析Flex開發(fā)環(huán)境的搭建
你對Flex開發(fā)的概念是否了解,本文介紹Flex開發(fā)的基礎知識:包括如何搭建開發(fā)環(huán)境,如何調試,以及如何建立和部署簡單的Flex項目。通過本文的學習,可以為您將來深入地學習Flex打下良好的基礎。
Flex開發(fā)入門
Flex作為富Internet應用(RIA)時代的新技術代表,自從2007年Adobe公司將其開源以來,F(xiàn)lex就以***的速度在成長。很多公司,包括IBM都紛紛加入了Flex開發(fā)的陣營當中。很多開發(fā)人員也按捺不住Flex的“誘惑”而準備從事Flex開發(fā)。本文主要講述Flex開發(fā)的基礎知識,主要是關于開發(fā)環(huán)境的搭建,以及介紹簡單的Flex項目創(chuàng)建、編碼、調試以及部署的過程和Flex編程的基本知識。通過本文的學習,您將會學習如何搭建Flex基本的開發(fā)環(huán)境以及開發(fā)、調試和部署方面的基礎知識。為您以后深入系統(tǒng)的學習Flex打下良好的基礎。要學習本文,您需要有一定的Web編程經驗和EclipseFireFox使用經驗。
代碼示例和安裝要求
本文所有示例均在WindowsXPSP3系統(tǒng)中測試完成。您需要一臺能流暢運行WindowsXP系統(tǒng)的機器,除此之外您還需要一些工具才能試用本文中的代碼。所有這些工具都可以免費下載(參見參考資源):
◆JavaSDK1.5或更高版本
◆Tomcat6.0或更高版本
◆Eclipse3.3或更高版本
◆FlexBuilder3.0或更高版本
◆FireFox2.0或更高版本
安裝配置Flex開發(fā)環(huán)境
接下來我們便迫不及待的開始吧!首先搭建我們的開發(fā)環(huán)境,為了減少因為環(huán)境不一致而引起的問題,建議讀者使用與本文相同的軟件版本:
下載并安裝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,F(xiàn)lashTracer,CacheStatus三個插件,如圖1所示。
圖1:開發(fā)調試需要的FireFox插件
◆在Debug版本的Flashplayer和FlashTracer插件完成好之后,我們發(fā)現(xiàn)FlashTracer并不能正常的顯示用trace語句輸出的調試信息。為了使其能夠工作,還需要先點擊圖1中的FlashTracer設置按鈕來設置日志文件的輸出路徑。并且輸出的日志文件路徑對于WindowsXP來說必須是C:\DocumentsandSettings\Administrator\ApplicationData\Macromedia\FlashPlayer\Logs\flashlog.txt。
在安裝了Debug版本的FlashPlayer之后,F(xiàn)lashTracer能顯示您在程序中用trace()語句輸出的調試信息,HttpFox插件不僅能查看HTTP通信的過程和數(shù)據(jù),還能看到哪些內容是從Cache里面讀取的。另外,CacheStatus插件可以讓我們方便的管理緩存。在Flex開發(fā)過程中,往往需要先清除掉緩存中的內容,才能看到新改動的效果。
接下來我們打開FlexBuilder,在菜單Window>Preferences>Server>RuntimeEnvironment中設置我們的Tomcat6以及在菜單Window>Preferences>General>WebBrowser中設置瀏覽器為外部瀏覽器FireFox,如圖2和圖3所示:
圖2:配置Tomcat
圖3:設置默認瀏覽器
到此為止,我們的Flex開發(fā)環(huán)境算是徹底搭建完畢,可以看出這個過程并不算是特別簡單。別急,先苦后甜,小憩一下,讓我們來享受一下Flex開發(fā)帶來的樂趣吧!
【編輯推薦】