`
wangyisong
  • 浏览: 235911 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

跟我StepByStep学FLEX教程------Flex+LCDS(BlazeDS)+Java开发

    博客分类:
  • FLEX
阅读更多

跟我StepByStep学FLEX教程------Flex+LCDS(BlazeDS)+Java开发环境配置

 

说明:该文系作者原创,请勿商用或者用于论文发表,转载必须经作者同意并且注明出处。

 

      这一讲每一步图解大家都要认真看,呵呵。

      需要的工具上一讲都说了,大家在官方网站都可以下载到。

      其实上上讲的下载Turnkey版本中,有自带的Demo和Getting Started and other Tips for BlazeDS articl官方文章都是读者学习非常好的文档。

 

      启动安装Flex插件的myeclipse。

      1、新建Flex project;


     2、这一步,就是需要注意create combined Java/Flex prject using WTP这一项一定要勾上,Java Source Folder就是Java业务代码存放的根目录,默认用src即可,无须改动。这样就将Java和FlexLCDS代码放在一起了。
 

 

      3、这一步很重要的。Targe runtime其实可以不选,但是不选不能到下一步。如果没有,就需要New一个,参考下边页面。

           Context folder就是最终编译的容器目录。

           Flex WAR file就是选择BlazeDS的blazeds.war(下载的BlazeDS Turnkey包中有,这个包中还有Demo,大家可以研究一下,包括自带的Tomcat),如果是LCDS,就是flex.war的路径。

           Output folder是Flex编译后swf和html文件的目录,按照常规,最好加个bin路径:)



 


      4、Main source folder是放Flex源码存放目录,呵呵,自然和Java分开了哦。

           Output folder URL是开发过程中运行和请求的路径,端口默认是8080(可以自己改,记得要改部署的应用服务器配置文件)。
 

 

       到这一步,可以Finish了,但是这里的配置并不能全部保存正确,所以下边部署完后的一些步骤非常重要,否则Flex无法通过LCDS(BlazeDS)和JAVA通信。

      5、生成的代码结构如下(生成了很多默认的配置文件,这就是其便捷之处,很方便开发):



      6、发布成J2EE项目,这样就可以和Spring、Hibernate等等集成了;



 

 

       下边这一步一定不要着急哦,一定要去掉Create web.xml的勾,这样就不会覆盖LCDS(BlazeDS)创建的web.xml文件。

       图标变成J2EE得了,不是Fx的标志了



 
        7、部署到Tomcat,呵呵,用myeclipse很方便吧


       点击finished。则会开始部署,成功后,Deployment status会提示Success,并且看到列表中的项目已经成功部署。
 

 

 

        8、还记得上边的配置没有完全保存,所以要进行一些修改了,第一个就是修改Output folder Url

        项目属性,点击Flex Build Path,如下界面



      Output folder这样每次发布都会自动将编译的最终swf放到WebRoot\bin目录下。

      Output folder URL后边加上bin,在我们发布和请求时,直接请求这个路径。

      运行Application,如下图:



      如果出现以下界面,则说明配置正确:


       9、这一步修改非常之重要,否则Flex和Java通过LCDS(BlazeDS)就无法正常通信了。

       Root URL就是web服务器的根路径。端口可以自己改动。

       Context root是LCDS(BlazeDS)工程的名称,因为Flex和Java是一个工程,所以这儿也就是新建的Flex Project工程名称。如果J2EE和Flex是两个项目,那么这个是J2EE项目的名称而不是Flex项目的名称,一定要注意哦。

       Flex请求LCDS(BlazeDS)时,需要使用Context root这个参数。

       格式:http://{server.name}:{server.port}/{context.root}/messagebroke/amf

       所以说这一步的配置非常重要了,特别是context root这一项。

 
       哈哈,可以开发了,下一讲就通过RemoteObject方式在这个基础上做一个很简单的Demo,快来体验吧。

  • 大小: 42.9 KB
  • 大小: 56.5 KB
  • 大小: 51.6 KB
  • 大小: 33.9 KB
  • 大小: 44.7 KB
  • 大小: 11.3 KB
  • 大小: 64.2 KB
  • 大小: 33.5 KB
  • 大小: 13 KB
  • 大小: 66.8 KB
  • 大小: 3.4 KB
  • 大小: 34.5 KB
  • 大小: 18.6 KB
  • 大小: 51.1 KB
  • 大小: 62.5 KB
分享到:
评论
7 楼 ♫.咗掱笾.↘de.幸福 2011-11-05  
有没有在Eclipse内创建的啊...
6 楼 macrotea 2011-05-14  
人才啊 
5 楼 chenjiongxu 2010-07-15  
楼主,能不能留个联系方式啊。QQ
我有很多问题想请教呢
4 楼 lichuhui 2009-11-19  
发现我的MyEclipse 7.5下,Flex服务器配置的界面跟楼主最后一张图中的不一样,并且文本框是Disabled的,不能配置
3 楼 QQ87465335 2009-11-10  
我在flex server那里出现在错误,Cannot access the web server. The server may not be running, or the web root folder or root URL may be invalid.
2 楼 weightman2008 2009-11-04  
对不起,是我马虎了,flex server那里设定错了。
非常喜欢你的教程,对我这个菜鸟来说也简单易懂,谢谢了。
1 楼 weightman2008 2009-11-04  
请问,demo11我拷贝到开发环境里执行,为什么报如下错误?
[RPC Fault faultString="Send failed" faultCode="Client.Error.MessageSend" faultDetail="Channel.Connect.Failed error NetConnection.Call.Failed: HTTP: Status 400: url: 'http://localhost:8080/WebRoot/messagebroker/amf'"]

webroot的编译路径下面也没有生成messagebroker的文件夹,debug环境下,进入了RemoteObject.as的dispatchEvent方法的如下逻辑:
else if (event is FaultEvent)
    
          throw FaultEvent(event).fault;
     }

相关推荐

Global site tag (gtag.js) - Google Analytics