Flex開發情況配置手冊

開發東西篇

一.開發東西

這里主要需要介紹的是兩個Flex開發東西的情況配置

4-MicromediaFlexBuilder1.5

4.FlexBuilder2.0Eclipse插件

二.MicromediaFlexBuilder1.5情況配置

1.安裝MicromediaFlexBuilder1.5

安裝部分比力簡單，根本上和其他的Windows軟件安裝差不多，這里不做詳細介紹。

2.配置開發情況

FlexBuilder開發東西總體預覽如下

圖1總體預覽

OK,上面是配置完成的FlexBuilder的開發情況預覽，下面我們開始進入配置介紹，在這之

前請先閱讀Flex開發情況配置手冊-一辦事器篇。因為這里使用的辦事器是在辦事器篇中介

紹的結構，所以發起最好先閱讀辦事器篇。

a）新建Hex站點

首先我們需要在FlexBuilder中為我們的Flex項目構建一個站點，我這里假設其站點名

稱為genifyFlex,并在辦事器的宣布目錄下新建一個genifyFlcx目錄，雖然這個名稱你

可以選取自己喜歡的名稱。在FlexBuilder的菜單欄Site^NewFlexSite中配置項目站點，

如下所示：

Fil?EditViInsertNodi￡yT?xtRcbugConmindzSiV:ndovH?lp

▼Insertchartscontrol,;cor。off口63.Sit”

/m日因屈口日修二旬日o?麗

jpimniniimmrnniTrEmTrmnnimTnnimTiinnmniniiiiiRTr.TrEmTrmnnimTrnCtrl+Shift+D

JSchA-lnin.<nx?lCUl*Alt*Shift.+D

QlCocteDesignvjRunDebugCtrl+Shift+U

圖2新建Flex站點01

站點名稱

服務器上項目站點目錄

Flex描述引輦目錄

訪問時URL前綴

圖3新建Hex站點02

Sitename：Flex項目使用的站點名稱。

Localrootfolder：項目源文件安排位置。

Flexserverrootfolder：辦事器篇中安裝的Flex1.5的目錄（注意這個不是FlexBuilder

的目錄）。

URLprefix：用戶訪問時使用的URL前綴，在項目開發歷程中對源文件進行調試時Flex

Builder生成的訪問路徑的前綴也使用該前綴。

b）站點配置

這里可以在上面的MoreSettings鏈接對站點進行越發詳細的配置,也可以在HexBuilder

的菜單欄Site^ManageSites進行站點的詳細配置

Fill￡ditVie*JnxtrtMoiify工R.bug￡orm5dtUWindw>[<lp

▼Insertchartscontcntrxcontrolscor，effllinagtSittx...

囹股日同膨E國國匚三目Di9返Si-

CtrliShiftiD

圖4配置Flex站點01

圖5配置Flex站點02

在這里我們選擇Edi對站點的一些信息進行詳細配置，雖然我們也可以在這里創建站點

大概導入導出站點信息，這些不是我們這里的重點。

通過根本配置向導（Basic）可以完成對站點的根本信息的配置“

步調一：

配置站點名稱，如果項目的源文件是安排在本地的，這里只需鍵入站點名稱即可，如果

源文件是放在辦事器上的，并且通過FTP或RDS來連接到辦事器的，需要創建相應的

連接，詳細信息拜見在線資助文檔。我們這里使用本地目錄，因此這里只需鍵入站點名

稱即可。如下圖所示:

圖6配置Flex站點03

步調二：

這里選擇辦事器使用的技能，我們這里使用MXMLforJSP技能

圖7配置Flex站點04

步調三：

配置編輯和測試辦事器，以及文件存放的位置，這里我使用的是本地辦事器。

圖8配置Flex站點05

步調四：

測試調試用URL前綴，在調試時系統自動請求這個前綴加文件名來訪問項目文件，進

行調試。在點擊下一步前請TestURL,不然在你進行調試時將出現無法訪問的錯誤。

圖9配置Flex站點06

步調五：

這里可以配置當你完戌項R文件的編輯后自動將該文件傳至辦事器，因為我這里配置的

辦事器目錄即項目目錄，所以我這里選擇不自動上傳文件。

圖10配置Flex站點。7

J步is調'ffl八,X-：

配置信息預覽，這里可以單擊Done完成配置，也可以點擊Advanced進行高級配置

圖11配置Flex站點08

c）復制Flex核心文件

在Flex1.5的安裝目錄下有一個flex.war的文件是Flex描述引擎的核心文件，使用解壓

縮東西（如winrar等）將其WEB-INF文件解壓至辦事器的站點目錄下，我這里是

genifyFlex,完成后的站點目錄結構如下所示

圖12開發情況目錄結構

d）測試情況

現在我們可以使用一個測試文件firstapp.mxml進行測試，看看情況配置是否有問題，如

上圖所示將firsiapp.mxml文件放在genifyFlex目錄下

,省lacroaediaFleiBuilder-(cenifyFlex/firitapp.BXBI)

匕如tMU￡—tMsH?1F

▼Izy，chart*CMkt?ia?rseglrokc?r?￡?r*att?rtpr<loM,r*rdidUtra曰》

日照用小匕-一司a一口0昌位47

圖13測試文件

使用Debug測試辦事器的配置，（Debug前請確保Apache辦事器和Resin都已經啟動）,

如果配置正確則可看到如下頁面

■acroBediaAle*ouiIder-l/Tirstapp.BXBIJ

Udit￡>??X^>?rtQoAify工《xt攵&<?l>a4evtt?ly

*IhS?fIart*c?x)t?iner*?ca<rolc<?■??￡￡?</?f?ra?tt?rs”“。冏八vdid?t?t聞?D?stcn

?D?S

▼T?<3三

，，

fn?R??!Arit”…

QjCo*J.otwjr,山]*bugH|tg-"...施

。命「二；」.

▼raw

wes-r^

SchAdrrtnwri

g工洲

?Undtt

圖14測試結果

至此FlexBuilder開發情況的配置根本完成。

三.EclipseFlex開發情況配置

1.獲取FlexBuilder2.0插件

2.安裝插件

將插件壓縮包flexbuilder2_al_plugin_10-l4.zip解壓以后的目錄結構如下所示，這

里不要將zorn.feature.core.update.site_197.zip解開，其中Players目錄低下是IE和Mozilla

等瀏覽器的Flash插件，在運行步伐前先安裝這些插件。

名稱▲大小類型修改日期

Jn^ersj文件夾2005-10-1414:46

0'pi藁;：eadme.txt4KB文本文檔2005-10-1321:36

§zorn.feature.core,update.site_197.zip34,469KBWinRARZIP檔案..2005-10-1321:32

圖15插件包目錄結構

插件的安裝通過Eclipse菜單欄的Help->SoftwareUpdates^FindandInstall進行，如下圖

所示

圖16插件安裝01

步調一：選擇安轉新插件

3Install/UpdateX

FeatureUpdates

Choosethewayyou丫皿（tosearchforfeaturestoinstall

Seerchforapdatosofth。currentlyinstalledRstures

Selectthisoptionifyoutosearchforupdate:ofthefeaturesyoualreadyhave

installed.

6$峭.正&匚工史..也我空空12」.唐.逗：

S?l?ctthixoptionifyou*toinzt?lln。*￡??tur?xfrom?xixtingorn。/updat。xit?s.

Somesitesmayalreadybeavailable.Toncanaddn?wupdatesiteURLstotheseardt

gext>Cancel

圖17插件安裝02

步調二：選擇NewArchivedSite,然后將文件指向插件包的

zorn.feature.core.update.site_197.zip文件，注意不要忽略E