2012-12-08 12 views
8

हम एकाधिक/स्वतंत्र "उप-ऐप्स" के साथ एक पोर्टल प्रकार एप्लिकेशन बनाने की कोशिश कर रहे हैं। यह मानते हुए कि सभी उप-ऐप्स कोणीय में लिखे गए हैं, निम्नलिखित लक्ष्यों को प्राप्त करने के लिए एक अच्छा पैटर्न क्या है।एंगुलरजेएस (एकाधिक स्वतंत्र ऐप्स) के साथ पोर्टल टाइप एप्लिकेशन

  1. प्रत्येक ऐप को एक-दूसरे से स्वतंत्र और तैनात किया जा सकता है।
  2. वे एक सामान्य प्रमाणीकरण सेवा साझा करते हैं, वे आम पुस्तकालयों (निर्देश, फ़िल्टर इत्यादि) साझा कर सकते हैं।
  3. किसी भी समय केवल एक ऐप दिखाई देगा और सक्रिय होगा। प्रत्येक उप-ऐप का दायरा एक-दूसरे से अलग होता है।
  4. जब उपयोगकर्ता उप-ऐप्स के बीच जाते हैं, तो राज्य तब तक बनाए रखा जाता है जब तक उपयोगकर्ता पृष्ठ को रीफ्रेश नहीं करता है या किसी अन्य स्थिर लिंक पर नहीं जाता है। (मुझे लगता है कि यह कोणीय में बनाया गया है और शायद कोई विशेष प्रयास आवश्यक नहीं है)
  5. प्रत्येक उप-ऐप में एक से अधिक विचार होंगे (इसमें इसका अपना मेनू होगा)। उप-ऐप्स उपलब्ध होने के आधार पर एक शीर्ष मेनू होगा। आदर्श रूप से शीर्ष मेनू गतिशील रूप से निर्माण करता है जो उप-ऐप्स तैनात किए जाते हैं। हो सकता है कि इसके लिए एक सर्वर साइड घटक है (सर्वर फ़ोल्डर संरचना आदि का पता लगाता है और निर्धारित करता है कि कौन से ऐप्स तैनात किए गए हैं और पृष्ठ में आवश्यक जेएस कोड इंजेक्ट करते हैं)।

तथ्य यह है कि AngularJS बहु स्तरीय दृश्य संरचना नहीं है को देखते हुए, मैं अलग divs पर कई एनजी-ऐप घोषणाओं का उपयोग करने का सोच रहा था और उसके बाद $ खिड़की दायरे का उपयोग करके सक्रिय एप्लिकेशन के प्रमुख की दुकान और छिपाने के लिए जो सक्रिय नहीं हैं।

उत्तर

1

आपके (बल्कि खुला) प्रश्न का कोई आसान जवाब है, लेकिन $ मार्ग और ngView सीमाओं के बारे में, मैं बड़ी सफलता के लिए एक तकनीक इस से प्राप्त रोजगार होने किया गया है: http://www.bennadel.com/blog/2420-Mapping-AngularJS-Routes-Onto-URL-Parameters-And-Client-Side-Events.htm

0

यह कुछ ऐसा है मैं भी है लागू करने की कोशिश कर रहे हैं। जबकि मेरे पास एक पूर्ण कार्य समाधान नहीं है, मेरा मानना ​​है कि इस प्रकार के पोर्टल एप में एक ही पृष्ठ पर कई कोणीय ऐप्स होंगे।

पोर्टल ऐप मुख्य पृष्ठ पर पारंपरिक एनजी-एप निर्देश होगा और "पोर्टल" गतिशील रूप से बनाया जाएगा और उप-दृश्य div पर मैन्युअल रूप से बूटस्ट्रैप किए गए कोणीय ऐप्स को बूट किया जाएगा। आप पोर्टल सेवाओं (अपने मॉड्यूल में निहित) इंजेक्शन से डेटा, राज्य, प्रमाणीकरण, वैयक्तिकरण इत्यादि साझा कर सकते हैं जो इन सुविधाओं को मैन्युअल रूप से बूटस्ट्रैप किए गए पोर्टलेट ऐप्स में प्रदान करते हैं।

मुश्किल हिस्सा यह है कि पोर्टल ऐप पोर्टलेट ऐप्स कैसे खोजेगा और यह जानने के लिए कि उनके ऐप्स स्वतंत्र रूप से अपने स्वयं के यूआरएल के साथ वेब ऐप्स को तैनात किए जाएंगे।

मेरे पास अभी भी कुछ प्रश्न हैं यदि सेवा डेटा ऐप्स के बीच आम होगा या यदि आपको पोर्टल सेवा (डेटा प्रबंधक की तरह) के माध्यम से HTML5 स्थानीय संग्रहण का प्रयास करने और लाभ उठाने की आवश्यकता होगी।