🐯 🤹🏽 🗒️ AngularJS संसाधनों के लिए RESTful नियंत्रकों का उपयोग करना ☂️ 👉🏻 🌙

जैसा कि पहले उल्लेख किया गया है, एंगुलर क्लाइंट-साइड कोड और सर्वर एपीआई के बीच अमूर्तता के स्तर को बढ़ाने के लिए $ संसाधन का एक वर्ग प्रदान करता है । इसलिए, नेटवर्क पर CRUD ऑपरेशन करना अब काफी आसान है। लेकिन तब क्या होता है जब आपको एक मानक संसाधन के लिए एक कमांड चलाने की आवश्यकता होती है जो मानक CRUD विधियों (यानी, पढ़ें, अपडेट, डिलीट) से परे जाती है? सौभाग्य से, कोणीय RESTful के साथ काफी अच्छी तरह से काम करता है "नियंत्रकों।"

मार्क मैसेट के रीस्ट एपीआई कोड के अनुसार , चार संसाधन आर्कटिक हैं:

दस्तावेज़ एक संसाधन का एक प्रतिनिधित्व है।
संग्रह - सर्वर पर एक डेटा सेट।
भंडारण एक ग्राहक पर एक डाटासेट है।
नियंत्रक क्रिया है।

दस्तावेज़, संग्रह और रिपॉजिटरी संसाधनों का प्रतिनिधित्व करते हैं। दूसरी ओर, नियंत्रक, संसाधनों को बदलने के लिए जिम्मेदार हैं। आप किसी संसाधन पर कार्रवाई को इंगित करने के लिए HTTP में क्रियाओं का उपयोग कर सकते हैं, लेकिन साधारण CRUD कार्यों के लिए यह हमेशा समझ में नहीं आता है। एक उदाहरण के रूप में निम्नलिखित संसाधन लें:

/ संदेश
/ संदेश / ४

एक संदेश संग्रह (पहला संसाधन) और एक अलग संदेश (दूसरा संसाधन) होने के बाद, मैं सभी संदेशों को साफ़ करने की रिपोर्ट कैसे करूँ? या इस संदेश को संग्रह में कैसे स्थानांतरित किया जाए? CRUD पूरी तरह से इन आवश्यकताओं को पूरा नहीं करता है। लेकिन नियंत्रक इस प्रकार के संचालन के लिए महान हैं:

/ संदेश / स्पष्ट-सभी
/ संदेश / 4 / संग्रह

यहां हम संग्रह को संशोधित करने और दस्तावेज़ को क्रमशः संग्रह करने के लिए स्पष्ट-सभी और संग्रह नियंत्रकों का उपयोग करते हैं।

अपने संसाधनों के लिए नियंत्रकों का उपयोग करना शुरू करना, हम URL स्कीम में आए, जिसमें बहुत परिवर्तनशीलता है। कोणीय का $ संसाधन आपको ऐसा करने की अनुमति देता है, लेकिन आपको डेटा बाइंडिंग को कॉन्फ़िगर करने के लिए कई "स्मार्ट" सुविधाओं का उपयोग करना होगा।

संदेशों के साथ काम करने की उपरोक्त अवधारणा के आधार पर, कोणीय के संदर्भ में हमें निम्नलिखित टेम्पलेट का उपयोग करके अपने संसाधन को परिभाषित करना होगा:

/ संदेश /: आईडी /: नियंत्रक

समस्या यह है कि, वर्तमान में, पहले URL पैरामीटर के आसपास कुछ अस्पष्टता है। क्या ": आईडी" एक संग्रह-आधारित नियंत्रक का संदर्भ है? या यह एक दस्तावेज़ आईडी लिंक है?

इस अनिश्चितता को खत्म करने के लिए, कोणीय आपको टेम्पलेट URL के एक ही हिस्से में कई मापदंडों को परिभाषित करने की अनुमति देता है:

/ संदेश /: सूची नियंत्रक: आईडी /: docController

ध्यान दें कि URL पैटर्न के दूसरे भाग में दो पैरामीटर हैं:

: सूची-नियंत्रक
: आईडी

कुछ समय के लिए मैं उनमें से केवल एक का उपयोग करता हूं, जबकि कोणीय ठीक से RESTful संसाधन का निर्माण करेगा। इसे प्रदर्शित करने के लिए, मैंने एक डेमो लिखा जिसमें संदेश संसाधन परिभाषित किया गया है और फिर जैसा कि ऊपर दिखाया गया है:

<!doctype html> <html ng-app="Demo"> <head> <meta charset="utf-8" /> <title>  RESTful    AngularJS</title> <!-- . .   ,     AngularJS  ngResource. --> <script type="text/javascript" src="../angular-1.0.2/angular.js"></script> <script type="text/javascript" src="../angular-1.0.2/angular-resource.js"></script> <script type="text/javascript"> //    ngResource   //   . var app = angular.module( "Demo", [ "ngResource" ] ); // ,  app . app.run( function( $resource ) { //   ,     //  ,    get()  query(),   //   HTTP.     RESTful //        // ,       CRUD. var messages = $resource( "./api.cfm/messages/:listController:id/:docController", { id: "@id", listController: "@listController", docController: "@docController" }, { clear: { method: "POST", params: { listController: "clear-all" } }, archive: { method: "POST", params: { docController: "archive" } } } ); //    ,   //    . // GET  ID. messages.query(); // POST   . messages.clear(); // GET  ID. messages.get( { id: 4 } ); // POST   . messages.archive( { id: 8 } ); } ); </script> </head> <body> <!--   . --> </body> </html>

कृपया ध्यान दें कि मेरा कोणीय संसाधन दो अलग-अलग नियंत्रकों द्वारा देखा जाता है:

: ListController - संदेशों के संग्रह पर कार्य करता है।
: DocController - एक विशिष्ट संदेश पर कार्य करता है।

जब संसाधन विधियों का उपयोग ऊपर किया गया था, अंत में, निम्नलिखित पते पर चार अनुरोध किए गए थे:

प्राप्त करें ... / api.cfm / संदेश
POST ... / api.cfm / messages / clear-all
प्राप्त करें ... / api.cfm / संदेश / 4
POST ... / api.cfm / संदेश / 8 / संग्रह

जैसा कि आप देख सकते हैं, Angular ने REST के अनुसार URL की सही पहचान की है। कैफ!

यदि रुचि है, तो यहां एक परीक्षण एपीआई फ़ाइल है:

 <!---    ,   . ---> <cfset resourcePath = cgi.path_info /> <!--- : ,  ColdFusion 10 ,         POST.  , . ---> <cfif ( cgi.request_method neq "GET" )> <cfset requestBody = getHTTPRequestData().content /> </cfif> <!---   ,  ,      . ---> <cfif reFind( "^/messages$", resourcePath )> <cfset response = "GET without ID." /> <cfelseif reFind( "^/messages/clear-all$", resourcePath )> <cfset response = "POST with clear-all Controller." /> <cfelseif reFind( "^/messages/\d+$", resourcePath )> <cfset response = "GET with ID." /> <cfelseif reFind( "^/messages/\d+/archive+$", resourcePath )> <cfset response = "POST with archive controller" /> <cfelse> <cfset response = "Hmm, couldn't match resource." /> </cfif> <!---    JSON.   ,   . ---> <cfset serializedResponse = serializeJSON( response ) /> <!---     . ---> <cfheader name="X-Debug-Path" value="#cgi.path_info#" /> <!---      . ---> <cfcontent type="application/json" variable="#charsetDecode( serializedResponse, 'utf-8' )#" />

किसी कारण से, कोल्डफ़्यूज़न 10 POST अनुरोधों पर दुर्घटनाग्रस्त हो गया जब तक कि मुझे अनुरोध बॉडी (getHttpRequestData () फ़ंक्शन) तक पहुंच नहीं मिली। यह केवल तब होता है जब अनुरोध निकाय में JSON (जावास्क्रिप्ट ऑब्जेक्ट संकेतन) डेटा होता है। जब यह खाली था, तो अनुरोध लटका नहीं है। मैं अनुरोधों के प्रसंस्करण को अच्छी तरह से नहीं समझता हूं और मुझे नहीं पता कि क्या यह समझ में आता है, हालांकि, मैं ध्यान देता हूं कि कोल्डफ्यूजन 9 ऐसा नहीं करता है।

मूल

AngularJS संसाधनों के लिए RESTful नियंत्रकों का उपयोग करना

More articles: