एंगुलरजेएस

Question

के साथ हेटोएस क्लाइंट मैं सोच रहा था कि अंगुलर में छिपी हुई कोई विशेषताएं या कुछ तीसरे पक्ष के पुस्तकालयों द्वारा उजागर किया गया है ताकि आसानी से हेटोएस-अनुपालनशील ग्राहकों को आसानी से बनाया जा सके।

बैकएंड पक्ष पर, मैं एक HATEOAS JSON API बनाने के लिए स्प्रिंग डेटा/आरईएसटी का उपयोग कर रहा हूं। हालांकि, यह खपत एक और कहानी है।

• कंपनी {name, address}
• कर्मचारी {firstName, lastName, employer[Company]}
• गतिविधि {rate, day, employee[Employee], client[Company]}

और एक गतिविधि का अनुरोध (सबसे अधिक जटिल की इकाई:

उदाहरण के लिए, मैं उन 3 संस्थाओं मिल गया है मॉडल) इस तरह कुछ उत्पन्न करता है:

{ 
    links: [], 
    content: [{ 
      rate: 456, 
      day: 1366754400000, 
      links: [{ 
       rel: "self", 
       href: "http://localhost:8080/api/activities/1" 
      }, 
      { 
       rel: "activities.activity.client", 
       href: "http://localhost:8080/api/activities/1/client" 
      }, 
      { 
       rel: "activities.activity.employee", 
       href: "http://localhost:8080/api/activities/1/employee" 
      }] 
     }] 
} 

मेरी एपीआई आरईएसटी (लिंक द्वारा पहचाने गए संसाधनों) के संदर्भ में वार्ता करता है। उदाहरण के लिए एक गतिविधि में एक कर्मचारी है। मैं वास्तव में उपयोग करना चाहता हूं: {rate: 456, day: 1366754400000, employee: {firstName:"xxx", lastName:"xxx" ...}}।

हालांकि, जैसा कि आप पहले आउटपुट में देख सकते हैं, मेरी गतिविधि में केवल लिंक कर्मचारी है, न कि उसका डेटा। क्या उन लिंक को हल करने और परिणामी डेटा को एम्बेड करने के लिए कोणीय में या किसी तृतीय-पक्ष लाइब्रेरी में कुछ भी है?

इस पर कोई इनपुट?

अग्रिम धन्यवाद!

Answer 1

चेकआउट angular-hateoas। HATOAS- सक्षम REST API के साथ $ संसाधन का उपयोग करने के लिए एक AngularJS मॉड्यूल आईटी करता है।

Answer 2

आप एक प्रतिक्रिया परिवर्तन लिख सकते हैं जो आपके लौटे ऑब्जेक्ट का निरीक्षण करेगा, लिंक की जांच करेगा, और प्रतिक्रिया वापस करने से पहले उन्हें हल करेगा। $http service documentation में "ट्रांसफॉर्मिंग अनुरोध और प्रतिक्रियाएं" अनुभाग देखें।

कुछ इस तरह:

transformResponse: function(rawData) { 
    var json = JSON.parse(rawData); 
    forEach(json.content.links, function(link) { 
    // resolve link... 
    }); 
    return json; 
} 

"संकल्प" लिंक कदम ही है एक $ http कॉल, उप संदर्भ भी हल किया जा जाएगा के बाद से। हालांकि, चूंकि ये असीमित हैं, इसलिए आप वास्तविक मूल्य के बजाय एक वादा वापस कर देंगे; मुझे नहीं पता कि ट्रांसफॉर्म फ़ंक्शन को ऐसा करने की अनुमति है या नहीं।

जैसा कि @charlietfl ने बताया, कृपया ध्यान दें कि इसके परिणामस्वरूप एक ही इकाई को वापस करने के लिए कई HTTP कॉल होंगे। भले ही मुझे हेटोआस की अवधारणा पसंद है, लेकिन अगर बहुत अधिक कॉल किए जाते हैं तो इससे आलसीपन हो सकती है। मैं सुझाव दूंगा कि आपका सर्वर डेटा लौटाएगा, या इसमें से कुछ सीधे, विवरण के लिए लिंक प्लस करें।

Answer 3

क्लाइंट पर लिंक के मुकाबले डेटा के साथ काम करने के बारे में आपकी टिप्पणी के आधार पर, मुझे लगता है कि Restangular एक अच्छा फिट होगा।

Answer 4

मैं अपनी परियोजनाओं में से एक के लिए angular-hal का उपयोग कर रहा हूं। यह एक वसंत हैटोस बैकएंड था। और मैं किसी भी मुद्दे में नहीं चला था। यह parametrized संसाधनों को संभालती है। मुझे संदेह है कि यह केवल एचएएल का समर्थन करता है, क्योंकि आप स्प्रिंग डेटा रेस्ट का उपयोग कर रहे हैं, इसलिए आपको शायद एचएएल अनुपालन प्रतिक्रिया उत्पन्न करने के लिए इसे कॉन्फ़िगर करना होगा।

Answer 5

मुझे लगता है कि भ्रम हो सकता है कि आप एक कोणीय समाधान, जब आप वास्तव में क्या करना चाहते हैं स्प्रिंग डाटा एक अधिक पूर्ण JSON प्रतिक्रिया भेज है के लिए पूछ रहे हैं। मैं, आप वास्तव में चाहते हैं कि क्लाइंट इसे देखने के लिए अतिरिक्त कदम उठाए, बजाय JSON प्रतिक्रिया के हिस्से के रूप में कर्मचारी डेटा वापस करने के लिए। मुझे नहीं पता कि आप स्प्रिंग डेटा में किस डेटा स्टोर का उपयोग कर रहे हैं, लेकिन सामान्य समाधान सार्वजनिक गतिविधि कर्मचारी() विधि को अपनी गतिविधि कक्षा में जोड़ना होगा और फिर @RelatedTo और @Fetch के साथ विधि को एनोटेट करना होगा (यह सेटअप होगा नियो 4 जे - स्प्रिंग डेटा के स्वाद के लिए अलग-अलग टिप्पणियां हो सकती हैं)। इससे स्प्रिंग हैटोज़ को कर्मचारी रिकॉर्ड के लिए प्रतिक्रिया के भीतर कर्मचारी रिकॉर्ड शामिल करना चाहिए। उम्मीद है की यह मदद करेगा।