flex开发环境配置手册

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