ASP.NET और फ्लेक्स - मैत्री हमेशा के लिए

मैं इस पोस्ट को दो ASP.NET और फ्लेक्स प्लेटफार्मों को एकीकृत करने की संभावना के लिए समर्पित करना चाहता हूं।

प्रस्तावना

फ्लैश आमतौर पर समृद्ध मल्टीमीडिया प्रोजेक्ट बनाने के लिए एक महान उपकरण है, और एक्शनस्क्रिप्ट 3 और फ्लेक्स तकनीक की रिहाई के साथ, यह प्रोग्राम के लिए एक खुशी बन गया है। उसी समय, आप आरआईए और डेस्कटॉप एप्लिकेशन (धन्यवाद, एडोब एआईआर) दोनों बना सकते हैं।

दूसरी ओर, हमारे पास ASP.NET है - वेब एप्लिकेशन बनाने के लिए एक शक्तिशाली उपकरण। आप अनुप्रयोग के निर्माण के लिए दो पूरी तरह से अलग-अलग तरीकों का उपयोग कर सकते हैं: या तो WebForms + Web Services, या ASP.NET MVC का उपयोग करें, REST शैली का पालन करते हुए।
विषयांतर खत्म करने से पहले, मैं उन उपकरणों को रेखांकित करना चाहूंगा जिनकी हमें आवश्यकता है।
तो यह है -

1. विजुअल स्टूडियो 2010 प्रोफेशनल
2. फ्लैश बिल्डर 4 मानक

फ्लोरीन एफएक्स से मिलें

एक उदाहरण के रूप में, मैं एक ऐसे एप्लिकेशन का उदाहरण देना चाहूंगा जो अक्सर अपडेट किए गए डेटा के साथ काम करेगा और अन्य ग्राहकों के साथ सिंक्रनाइज़ करेगा। आमतौर पर, फ्लेक्स के मामले में, AMF- स्ट्रीमिंग या RTMP- स्ट्रीमिंग का उपयोग किया जाता है। फ्लोरीनएफएक्स लाइब्रेरी सर्वर-साइड समर्थन को जोड़ने के लिए बचाव के लिए आता है। प्रोजेक्ट साइट और उपयोगी लिंक यहाँ ।

खाना पकाने का सर्वर

ASP.NET एप्लिकेशन बनाने से पहले, हमें एक लाइब्रेरी बनानी चाहिए, जो एक मिनी-सर्वर है जो क्लाइंट्स के लिए सेवाओं और लॉजिक को एनकैप्सुलेट करता है। ऐसा करने के लिए, C # में एक नया लाइब्रेरी प्रोजेक्ट बनाएं और इसे ServiceLibrary नाम दें।
सक्रिय ग्राहकों की निगरानी के लिए, आपको एक वर्ग बनाने की जरूरत है जो मेसेजिंग एडेप्टर से विरासत में मिले और ISessionListener इंटरफ़ेस को लागू करता है।

public class AppAdapter : MessagingAdapter, ISessionListener { public AppAdapter() { ClientManager.AddSessionCreatedListener(this); } #region ISessionListener Members public void SessionCreated(IClient client) { //     client.AddSessionDestroyedListener(this); } public void SessionDestroyed(IClient client) { //     } #endregion public override object Invoke(IMessage message) { //         return null; } } 

रीमोटिंग के माध्यम से काम करने वाले ग्राहकों के लिए, हम एक सेवा बनाएंगे जो एपीआई प्रदान करेगी।

 [RemotingService()] public class DataService { public DataService() { } //     . public string GetData() { return "Hello, world!"; } } 

इस पर अब, मिनी-सर्वर कोड उपयोग के लिए पर्याप्त है। वर्ग का प्रत्येक उदाहरण तब बनाया जाएगा जब कोई नया क्लाइंट उसी डोमेन में ASP.NET एप्लिकेशन से जुड़ता है और काम करता है।

वेब अनुप्रयोग तैयारी

वेब एप्लिकेशन ASP.NET 4 पर चलेगा। ऐसा करने के लिए, स्टूडियो में एक नया प्रोजेक्ट बनाएं।
क्लाइंट्स को जोड़ने के लिए, फ्लोरीनएफएक्स एक गेटवे का उपयोग करता है, जो एक नियमित एएसएक्सएक्स पेज से ज्यादा कुछ नहीं है, जिसके लिए फ्लोरीन का http मॉड्यूल अनुरोधों को संसाधित करेगा। हम इस प्रश्न पर नीचे और अधिक विस्तार से विचार करेंगे, लेकिन अब हम एक नियमित ASP.NET पेज जोड़ेंगे और इसे Gateway.aspx कहेंगे।
Web.config कॉन्फ़िगर करें

 <configuration> <configSections> <sectionGroup name="fluorinefx"> <section name="settings" type="FluorineFx.Configuration.XmlConfigurator, FluorineFx" requirePermission="false"/> </sectionGroup> </configSections> <fluorinefx> <settings> <rtmpServer> <threadpool minWorkerThreads="0" maxWorkerThreads="25" idleTimeout="60000"/> <rtmpConnection pingInterval="0" maxInactivity="60000" maxHandshakeTimeout="0"/> <rtmptConnection pingInterval="5000" maxInactivity="60000" maxHandshakeTimeout="5000"/> <rtmpTransport receiveBufferSize="4096" sendBufferSize="4096" tcpNoDelay="true"/> </rtmpServer> </settings> </fluorinefx> <system.web> <compilation debug="true" targetFramework="4.0" /> <httpModules> <add name="FluorineGateway" type="FluorineFx.FluorineGateway,FluorineFx" /> </httpModules> </system.web> <system.webServer> <validation validateIntegratedModeConfiguration="false"/> <modules runAllManagedModulesForAllRequests="true"> <add name="FluorineGateway" type="FluorineFx.FluorineGateway, FluorineFx"/> </modules> </system.webServer> </configuration> 

मैं ध्यान देता हूं कि फ्लोरीनएफएक्स केवल WEB-INF फ़ोल्डर में स्थित कॉन्फ़िगरेशन फ़ाइलों के साथ काम करता है। यह कैसे सर्वर BlazeDS और LifeCycle डेटा सेवाओं के लिए कॉन्फ़िगर किया गया है।

अब विन्यास फाइल बनाएँ। ऐसा करने के लिए, रूट निर्देशिका और फ्लेक्स सबफ़ोल्डर में WEB-INF फ़ोल्डर बनाएँ।
सेवाओं- config.xml नामक एक xml फ़ाइल जोड़ें।

 <?xml version="1.0" encoding="utf-8" ?> <services-config> <services> <service-include file-path="remoting-config.xml" /> <service-include file-path="messaging-config.xml" /> </services> <channels> <channel-definition id="my-amf" class="mx.messaging.channels.AMFChannel"> <endpoint uri="http://{server.name}:{server.port}/Gateway.aspx" class="flex.messaging.endpoints.AMFEndpoint"/> <properties> <!-- <legacy-collection>true</legacy-collection> --> </properties> </channel-definition> <channel-definition id="my-rtmp" class="mx.messaging.channels.RTMPChannel"> <endpoint uri="rtmp://{server.name}:1950" class="flex.messaging.endpoints.RTMPEndpoint"/> </channel-definition> </channels> </services-config> 

ऊपर, हमने 2 अंत-बिंदुओं का संकेत दिया: एएमएफ और आरटीएमपी चैनलों के लिए, साथ ही रीमोटिंग और / या मैसेजिंग के माध्यम से काम करने वाले ग्राहकों के लिए दो कॉन्फ़िगरेशन फ़ाइलों का स्थान। एक ही फ़ोल्डर में रीमोटिंग- config.xml और मैसेजिंग-config.xml फ़ाइलों को जोड़ें।

फ्लेक्स क्लाइंट

अब ग्राहक बनाने का समय आ गया है। सबसे पहले, फ्लैश बिल्डर में एक फ्लेक्स प्रोजेक्ट बनाएं। अगला, प्रोजेक्ट गुण> फ्लेक्स कंपाइलर खोलें। "अतिरिक्त संकलक तर्क" पाठ बॉक्स में, निम्न पंक्ति -services जोड़ें "{project_location} \ WEB-INF \ flex \ services-config.xml" । और, निश्चित रूप से, RTMPChannel समर्थन को सक्षम करने के लिए प्रोजेक्ट के लिए fds.swc का लिंक जोड़ें। यह लाइब्रेरी एलसीडीएस का हिस्सा है, लेकिन अगर कोई एलसीडीएस नहीं है, तो यह लेख के अंत में फाइलों में मौजूद है। आवेदन में * .mxml फ़ाइल, निम्न कोड चिपकाएँ:

 <fx:Declarations> <mx:Consumer id="consumer" destination="data_destination" message="messageHandler(event)"/> <mx:RemoteObject id="dataRO" destination="DataDest"> <mx:method name="GetData" result="GetDataResult(event)" fault="GetDataFault(event)" /> </mx:RemoteObject> </fx:Declarations> <fx:Script> <![CDATA[ private function GetDataResult(event:ResultEvent):void { var result:String = event.result as String; //  } private function GetDataFault(event:FaultEvent):void{ var error:String = ObjectUtil.toString(event.fault); //  } private function messageHandler(event:MessageEvent):void { var msg:IMessage = event.message; var type:object = msg.body; //  } ]]> </fx:Script> 

और अंतिम स्पर्श सर्वर से क्लाइंट को संदेश भेजने के लिए हमारे AppAdapter के लिए SendMessage विधि जोड़ रहा है।

AppAdapter.cs

 public class AppAdapter : MessagingAdapter, ISessionListener { /* * ... */ public override object Invoke(IMessage message) { //         MessageService messageService = this.Destination.Service as MessageService; messageService.PushMessageToClients(message); return null; } public static void SendMessage(string message) { MessageBroker msgBroker = MessageBroker.GetMessageBroker(null); AsyncMessage msg = new AsyncMessage(); msg.destination = "data_destination"; msg.headers.Add(AsyncMessage.SubtopicHeader, "client"); msg.headers.Add(AsyncMessage.EndpointHeader, "my-rtmp"); msg.headers.Add(AsyncMessage.RemoteCredentialsHeader, string.Empty); msg.headers.Add(AsyncMessage.FlexClientIdHeader, Guid.NewGuid().ToString("D")); msg.clientId = Guid.NewGuid().ToString("D"); msg.messageId = Guid.NewGuid().ToString("D"); msg.timestamp = Environment.TickCount; msg.body = message; msgBroker.RouteMessage(msg); } } 

अंतभाषण

इस पोस्ट में मैं फ्लेक्स + ASP.NET बाइंडिंग के मुख्य सार को प्रकट करना चाहता था। बेशक, प्रमाणीकरण और प्राधिकरण के रूप में ऐसे क्षण, कड़ाई से टाइप किए गए सर्वर प्रतिक्रियाएं, और न केवल स्ट्रिंग और बहुत अधिक, का खुलासा नहीं किया गया था। लेकिन अगली बार के बारे में और अधिक।
फ्लेक्स के लिए सभी कोड और वीएस 2010 के लिए एक उदाहरण के साथ समाधान स्वयं डाउनलोड किया जा सकता है ।