IDEA + Eclipse 开发 Maven Flex 项目的简单流程和要点

IDEA + Eclipse 开发 Maven Flex 项目的简单流程和要点
2011年01月19日
　　写在前面：
　　本文主要介绍使用 IDEA 配合 Eclipse 进行 Flex 项目开发的方式。
　　之所以这么做原因：
　　1）Java server (Maven项目)使用 IDEA 开发，比在Eclipse/MyEclipse 下有很多优势，其中一个就是 server端代码改写之后选择Compile，可以reload到server，不要 restart server，这些节省的时间在大型项目开发中是非常可观的； 
　　2）Flex Client (Maven项目) 使用 Eclipse 可视化开发，所见即所得，页面布局快。
　　3）所有代码(Java Sever + Flex Client)都在 IDEA 下由Maven管理，IDEA对Maven项目的支持非常优秀。
　　关于如何创建 Maven Flex 项目, Flex 和 Server 交互，不在本文讨论范围。 
　　1.下载 Eclipse3.6
　　官网： http://www.eclipse.org/downloads/
　　根据需要，我选择 Eclipse IDE for Java EE Developers 
　　根据操作系统，用 Windows 32-bit 版
　　2.下载 Maven plugin
　　由于 Eclipse3.6本身没有maven插件，需要手动添加，分2步，先安装 GEF，再安装Maven
　　1)安装 GEF
　　Help>Install New Software>Add:
　　Name:GEF
　　Location:http://download.eclipse.org/tools/gef/upd ates/releases
　　选择的是  GEF SDK 3.6.1，根据网络质量下载需要点时间。
　　2)安装 Maven
　　Help>Install New Software>Add:
　　Name:Maven
　　Location: http://m2eclipse.sonatype.org/sites/m2e/
　　就一个选项，选中后下载安装
　　3.安装 FlashBuilder_4_Plugin 
　　网上安装过程和cdkey很多，不重复说明。
　　有部分情况是：安装成功，使用正常，但是60天试用期过后，输入cdkey后，启动eclipse会报cdkey无效，需要重新输入不同的cdkey就可以了，不能是之前输入过的，所以下载个cdkey生成器比较省事，每次输入不同的cdkey，虽然麻烦点，只要能进入IDE就好了。
　　cdkey生成器点这里 下载，使用时选择 "Adobe Flash Builder Plug-in v4.x"。
　　4.导入 Maven 创建的 Flex项目
　　1).创建 Flex项目 
　　创建符合 Maven 结构的 Flex 项目， flexmojos官网 有详细文档。
　　这里推荐大家使用 IDEA ，个人觉得它在各方面的表现都比 Eclipse/MyEclipse 好一些。
　　使用IDEA开发好 Flex Server端和 Client 端代码，这里不做介绍。
　　接下来的内容介绍如何回到 FlashBuilder4/Eclipse 下进行可视化开发。
　　2).配置 Flash Builder 运行环境
　　运行Maven命令：mvn flexmojos:flashbuilder，等待 Success 结果出现。
　　会由 flexmojos-maven-plugin插件根据 pom.xml 生成文件：.actionScriptProperties, .flexConfig.xml,.flexProperties,.project，就是这些文件让 Maven 管理的 flex 项目可以在 FlashBuilder  环境下进行拖曳式开发。
　　3)导入到 Flash Builder IDE
　　使用 File>Import>Flash Builder Project>project folder，将项目导入到 eclipse。
　　5.调整 eclipse 下开发环境
　　导入项目后，可能会出现一些错误提示，比如 flex sdk 版本不匹配，flex sdk 版本未找到，css不兼容等等。
　　只要根据提示信息稍作调试即可。
　　其中比较重要的一点是：由于 Flex 是在 maven下管理(我这里用的是 IntelliJ IDEA 10.0 开发 Flex Java Server)，调试flex页面时需要实时部署到 server 文件路径下，所以需要配置 /bin-debug 文件夹导出到最后项目的部署路径。
　　1)选择server路径
　　右键点击  项目>Properties>Flex Server:
　　Application Server type: J2EE(根据后台环境选择)
　　Use remote object access service 打钩
　　选择 BlazeDS (根据实际情况选择)
　　Root folder: 选择开发环境下项目部属后的到得路径，需要包含WEB-INF/flex，且flex文件夹下要有  flex-config.xml 或 services-config.xml。
　　比如我这里用的是: F:\svn\ria-flexServer\target\ria-flexServer-1.0-SN APSHOT\， 要有\号否则会出错
　　Root URL : 开发环境下访问项目的路径
　　比如我这里的是：http://localhost:8888/
　　Context root: 上下文路径
　　比如：/
　　Output folder: flex 文件输出目录
　　2)输出 html wrapper
　　根据项目需要，如果需要设置输出html格式， 右键点击  项目>Properties>Flex Compiler>HTML wrapper 选上，点确定。
　　结合刚才的 Output folder路径，就能将自动生成的 html 文件输入到项目部署路径。
　　之后就再让程序调用该 html 就可以了。 
　　最后说下实际开发步骤： 先在 IDEA 下运行 server，然后在 Eclipse 下开发页面。
　　调整页面的内容，刷新浏览器即可。
　　调整server端代码，无需重启server，只需对改写过的java类，右键菜单选择compile后，IDEA会自动reload到server。