Flex和.NET協(xié)同開發(fā)利器FluorineFx

1、Flex與.NET互操作(六：Flex和.NET協(xié)同開發(fā)利器FluorineFx在本系列前面幾篇文章中分別介紹了通過WebService、HTTPService、URLLoader以及FielReference等組件或類來完成Flex與.NET服務端的通信的相關(guān)知識點。通過這些方式來完成與服務端的通信是非常方便和簡單的，但有他的缺點就是通信數(shù)據(jù)量較小，如要傳輸大量的數(shù)據(jù)或是實現(xiàn)不同對象的序列化傳輸，它們則滿足不了我們的需求，需要尋找另外一種通信協(xié)議，另一種高效的傳輸協(xié)議來代替SOAP協(xié)議傳輸?shù)姆桨?，那便是AMF（ActionScript Message Format）協(xié)議。開源項目Fluori

2、neFx就是專門針對.NET平臺與Flex通信提供的AMF協(xié)議通信網(wǎng)關(guān)，我們可以通過FluorineFx很方便的完成與.NET的通信。FluorineFx官方提供了安裝包的下載和在線文檔，可以幫助我們有效的利用FluorineFx來開發(fā)。FluroineFx官方網(wǎng)站：FluroineFx下載地址： FluroineFx在線文檔：OK，下面我們來看看使用FluroineFx通信的.NET和Flex配置。開發(fā)環(huán)境選擇如下：.NET:Microsoft Visual Studio 2008 + .NET Framework 3.5Flex:Adobe Flex Builder CS3 + Flex

3、SDK 3.2FluroineFx:FluorineFx v5 (點擊可下載一、.NET服務端的開發(fā)通過Microsoft Visual Studio 2008 創(chuàng)建創(chuàng)建解決方案，并添加FluroineFx服務器庫，如下圖示：FluorineFx服務庫添加成功后會發(fā)現(xiàn)，項目模板會自動為我們創(chuàng)建一個Sample類和一個Echo方法，如下：1namespaceFlexDotNet.ServiceLibrary23/4/Fluorinesampleservice.5/ 6 RemotingService ( Fluorinesampleservice 7 public class Sa

4、mple 8 9 public Sample( 10 11 12 13 public string Echo( string text 14 15 return Gatewayecho: +text; 16 17 18 接著添加FluorineFx 網(wǎng)站到解決方案，添加成功后網(wǎng)站會自動引用FluorineFx服務庫的dll。如下圖：到這里我們可以簡單的測試FluorineFx的.NET服務端是否成功創(chuàng)建。通過在瀏覽器中查看FluroineFx網(wǎng)站中的Console.aspx或是將網(wǎng)站設置為啟動項目并設置Console.aspx為啟始頁運行網(wǎng)站都可以，程序便會運行到FluorineFx的控制臺，

5、展開左邊項目的Services節(jié)點便會看到上面模板為我們創(chuàng)建的類和方法，點擊方法節(jié)點在右邊就可以進行簡單的測試了，如下圖示：OK，到這里.NET的服務器端就開發(fā)完成了，這里我們需要記住幾點，在接下來的Flex開發(fā)中需要根據(jù)這些參數(shù)來進行配置。FluorineFx的.NET網(wǎng)站目錄：F:DemoFlexDotNetWebFluorineFx的.NET網(wǎng)站虛擬目錄：/WebFluorineFx的.NET網(wǎng)站URL：http:/localhost:2836/Web接受Flex客戶端請求的URL：http:/localhost:2836/Web/Gateway.aspx有了上面這些東西配置Flex就簡

6、單了，首先創(chuàng)建Flex項目，并將項目路徑指向前建立的FluorineFx網(wǎng)站的根路徑：如上圖，將Application type設置為:Web application,Application Server type設置為：ASP.NET，然后“Next”。進入下一個創(chuàng)建項目向?qū)Ы缑?，將Server設置為:Use Internet Information Services (IIS,Web Application root同樣指向FluorineFx網(wǎng)站的根路徑，Web Appliation URL則設置為上面我們獲取到的路徑便OK，詳細見下圖：按照上面步驟配置好后通過點擊“Validate C

7、onfiguration”進行配置驗證，如過驗證結(jié)果是：The web application root and the URL are valid.則代表配置正確，可以直接點下一步只到完成項目的創(chuàng)建。Flex項目創(chuàng)建完畢，下面在通過一些相應的配置就可以通過FluorineFx和.NET通信了。開發(fā)項目屬性設置面板，設置其Flex Compiler為下圖所示（-services的配置也可以設置為相對路徑）：設置Flex Server為如下配置，可以點“Validate Location”驗證設置的正確性：最后設置輸出路徑就完成了Flex端的配置了：到這里Flex端的配置就全部完成，下面我們通過

8、FluorineFx庫模板為我們生成的Sample為例來測試下該環(huán)境是否可以通過，在Flex的mxml文件下通過標簽來訪問遠程對象，詳細如下：134 mx:method5 mx:RemoteObject這里需要注意的是destination需要設置為與remoting-config.xml中的destination的id一致，source則配置為遠程對象的全路徑（名稱空間類），通過標簽配置遠程對象下的方法并設置其成功調(diào)用后的結(jié)果處理函數(shù)，下面便可通過id去調(diào)用遠程方法了。123importmx.rpc.events.ResultEvent;4internalfunctiononClick(:v

9、oid56service.Echo(txtInput.text;789internalfunctiononResult(evt:ResultEvent:void1011txtResult.text=evt.result.toString(;121314 mx:Script 下面是完整的Flex客戶端mxml的代碼定義：完整的示例代碼1 xmlversion=1.0encoding=utf-8?2356 mx:method7 mx:RemoteObject8910 CDATA11importmx.rpc.events.ResultEvent;12internalfunctiononClick(:void1314service.Echo(txtInput.text;151617intern