FluorineFX初学者之最初配置 Flex4与.NET结合

FluorineFX整个架构和BlazeDs差不多，只是最开始的部署不一样而已，只要学会了两者其中的任何一个，另外一个也很快学会。FluorineFX最开始部署，网络上一些配置方法是错误的，至少在FLEX4上，我根据他们步骤，设计出来的是错误的，老是弹出来错误。我就不断尝试，尝试出可以一个解决“'目标“fluorine”不存在”的问题，下面我们开始整个过程吧！

整个过程是先安装软件，然后部署网站，最后是在Flash Builder上面添加相关工程。

1:下载FluorineFx?http://www.fluorinefx.com/download.html?安装很容易，直接点击，一步步往下继续就可以，这个不需要我截图了吧！

2：部署网站

IIS上面先建立虚拟目录

然后点击完成

由于IIS的端口我已经改变了，改成8012，所以说这个网站的目录是http://localhost:8012/fx

下面进行的是vs上面的部署，其实上面可以完全不干，直接在VS上面建立一个网站，有一个问题，就是VS经常关闭之后，再去打开，他的端口就改变了，你在Flex上面的时候，不得不根据他的端口去改变服务器配置。另外一个方面呢，就是你得需要开着VS自带的服务器，多麻烦是不是呀！

打开VS，新建网站FluorineFx Asp.NET Web Site

点击浏览，选择本地IIS，和我们刚才建立的网站

然后点击打开，和确定

这个时候，新建App_Code 文件，然后建立一个类，这些就不截图了，和我们平常建立网站是一模一样的

我们建立一个Sample类吧

 
 

  
  
 
   
 
    [csharp]? 
    view plain 
    copy 
    
 
   
 
  
  
  

using?System;??
 
   
using?System.Collections.Generic;??
 
   
using?System.Linq;??
 
   
using?System.Web;??
 
   
using?FluorineFx;//注意一，添加相关引用??
 
   
namespace?FluorineDemo.Test//注意二，最好使用命名空间??
 
   
{??
 
   
????[RemotingService]//注意三，就是添加这么一句??
 
   
????public?class?Sample??
 
   
????{??
 
   
????????string?Echo(string?text)??
 
   
????????{??
 
   
????????????return?"Hello?"?+?text;??
 
   
????????}??
 
   
????}??
 
   
??
 
   
}??
 
  
特别注意一下，我上面写的三条，下面又有截图了，就是点击调试，这个页面名称是console.aspx。当然让你修改web.config，点击确定就是了。
如果点击Call，是我们的想要的结果就说明这一步对了。注意我上面黑框下面的文字，FluorineDemo.Test.Sample记录下来，你会有用的，这个是怎么来的呢，当然是命名空间+类名。你猜到了吗？
这个页面可以关闭了。下面就是Flash Builder上面了。好激动呀，终于到最后一步了。
3：Flash Builder最后的疯狂
我们打开这个软件，新建项目-Flex项目
我们最在意的一个地方，而且是特别重要，应用服务器类型选择ColdFusion，使用远程对象访问服务选择最后一个。点击最后一步
，配置服务器
选择部署到J2EE服务器上面，我们是.Net服务器，为什么呢？我给你说一下，你的问题真是太多了，我也不知道。
Web根文件夹，就是我们在IIS上面虚拟目录的地址，根URL，就是我刚才说过的，虚拟目录的URL，不要再疑问端口号为什么是这个，我上面已经解释过了，很多人就是好麻烦呀。上下根文目录，就是填写我们IIS，建立的名称。
这个时候呢，点击验证配置，如果出现上面红框的文字，什么不知道那个是红色的，上面有两个框框，我给你说，那个小的，我的耐性是限度的。Ok了，点击完成。
剩下的就是编写代码了。

   
   

    
    
 
     
 
      [html]? 
      view plain 
      copy 
      
 
     
 
    
    
    
<?xml?version="1.0"?encoding="utf-8"?>?? 
     
<s:Application?xmlns:fx="http://ns.adobe.com/mxml/2009"???
 
     
???????????????xmlns:s="library://ns.adobe.com/flex/spark"???
 
     
???????????????xmlns:mx="library://ns.adobe.com/flex/mx"?minWidth="955"?minHeight="600">??
 
     
??????
 
     
????fx:Script????????<![CDATA[?
 
     
????????????import?mx.controls.Alert;?
 
     
????????????import?mx.rpc.events.ResultEvent;?
 
     
????????????protected?function?button1_clickHandler(event:MouseEvent):void?
 
     
????????????{?
 
     
????????????????ro.Echo(myName.text);?
 
     
????????????}?
 
     
?????????????
 
     
????????????protected?function?ro_resultHandler(event:ResultEvent):void?
 
     
????????????{?
 
     
????????????????wel.text=event.result.toString()?
 
     
????????????}?
 
     
?????????????
 
     
????????]]>??
 
     
????</>??
 
     
??????
 
     
fx:Declarations????????<!--?将非可视元素（例如服务、值对象）放在此处?-->??
 
     
????????s:RemoteObject?id="ro"?destination="fluorine"?source="FluorineDemo.Test.Sample"?result="ro_resultHandler(event)"?/>??
 
     
s:Button??x="56"?y="107"?label="点击"?click="button1_clickHandler(event)"s:TextInput?x="46"?y="28"?id="myName"/>??
 
     
s:TextInput?x="46"?y="62"?id="wel"s:Application>??
 
    


这里有几个注意事项 RemoteObject，这个一些属性，destination是fluorine。
原因是这里，打开VS，WEB-INF/flex/remoting-confing.xml这个文件，里面有这么一句话

太棒了，我们测试成功了。有什么问题，在下面留言，我尽所能帮助你。