मुझे एक डॉटनेट एमवीसी प्रोजेक्ट के अंदर एक रिएक्ट एप्लिकेशन शामिल करना है। मेरे पास एक साधारण रिएक्ट एप्लिकेशन है जिसमें केवल एक केंडोयूआई ग्रिड है।

  • मैंने रिएक्ट एप्लिकेशन का निर्माण किया और इसे एज़्योर स्टोरेज अकाउंट का उपयोग करके एक स्थिर वेबसाइट के रूप में अपलोड किया।

  • मैंने तब एक Azure CDN बनाया जो स्थिर प्रतिक्रिया अनुप्रयोग की ओर इशारा करता है

यहाँ मुझे क्या करना है:

मेरे पास निम्न कोड है (एएसपीनेट एमवीसी):

enter image description here

टिप्पणी की गई div वह div है जिसमें पुराना ग्रिड होता है (जिसे स्टैटिक रिएक्ट एप्लिकेशन से बदला जाना है)।

मैं परीक्षण div में स्थिर प्रतिक्रिया अनुप्रयोग जोड़ना चाहता हूं (आईडी "scheduleSitesGrid2" वाला एक)

मैंने अपने स्थिर रिएक्ट ऐप को उसी सटीक div को देखने के लिए कॉन्फ़िगर किया है (यहां index.tsx है):

enter image description here

ऐसा कहा जा रहा है, क्या कोई तरीका है जिससे मैं आसानी से Azure सीडीएन का उपयोग कर एमवीसी ऐप में उस प्रतिक्रिया एप्लिकेशन को शामिल कर सकता हूं? मुझे सीडीएन का उपयोग करके एमवीसी में रिएक्ट ऐप जोड़ने के संबंध में कोई अन्य प्रश्न नहीं मिला।

मैंने सीडीएन को एक स्क्रिप्ट टैग में शामिल करने की कोशिश की, लेकिन यह काम नहीं किया। मैं यह भी सोच रहा हूं कि चूंकि रिएक्ट ऐप को एक स्थिर साइट के रूप में होस्ट किया गया है, यह पहले से ही बनाया गया है, इसलिए मैं इसे एमवीसी डिव में जोड़ने में सक्षम नहीं हो सकता (क्योंकि यह पहले से ही रिएक्ट ऐप की index.html फ़ाइल में डाला गया है) जैसा कि निम्न चित्र में दिखाया गया है)। इसके बाद मुझे index.html के अलावा सभी ऐप को Azure पर अपलोड करना होगा। क्या मैं सही हूँ?

enter image description here

आपका बहुत बहुत धन्यवाद!

शांति!

0
vitonimal 27 अक्टूबर 2019, 19:01

1 उत्तर

सबसे बढ़िया उत्तर

अगर मैं सही ढंग से समझता हूं कि आपके पास कुछ ऐप सेवा योजना का उपयोग करके एक एमवीसी वेब ऐप होस्ट किया गया है, और एक रिएक्ट एप्लिकेशन जिसमें कोई सर्वर साइड कोड निष्पादन नहीं है, सिर्फ जावास्क्रिप्ट है?

यदि यह सही है तो आप निश्चित रूप से दो अलग-अलग डोमेन से सामग्री परोस रहे होंगे: एक आपके वेब ऐप के लिए, सीडीएन के माध्यम से प्रस्तुत किया गया; और एक भंडारण खाते के लिए, स्थिर सामग्री को होस्ट करने के लिए, जो केवल भंडारण खाते यूआरआई के माध्यम से प्रस्तुत किया जाता है।

दोनों को वास्तव में एक सीडीएन एंडपॉइंट के माध्यम से प्रस्तुत किया जा सकता है, लेकिन आपको प्रीमियम टियर का उपयोग करने और यूआरएल पुनर्लेखन नियमों का उपयोग करने की आवश्यकता होगी। आप अपने डिफ़ॉल्ट मार्ग को अपने वेब ऐप यूआरआई के लिए कॉन्फ़िगर करेंगे, फिर आप एक पुनर्लेखन नियम को कॉन्फ़िगर करेंगे, उदाहरण के लिए, "/static/..." को "https://{{yourstaticstorage}} पर फिर से लिखना (अनुवाद) करना। .storage.azure.com/yourstaticpath/..."।

वेरिज़ॉन प्रीमियम पुनर्लेखन यहाँ प्रलेखित है: https://docs.microsoft.com/en-us/azure/cdn/cdn-verizon-premium-rules-engine-reference-features#url-rewrite

यदि आप Verizon Premium का उपयोग नहीं करना चाहते हैं, तो आप Azure Front Door पर भी एक नज़र डाल सकते हैं।

https://azure.microsoft.com/en-gb/services/frontdoor/

अनिवार्य रूप से, फ्रंट डोर स्टेरॉयड पर सीडीएन है। यह WAF में बनाया गया है और आपको रूटिंग नियमों को कॉन्फ़िगर करने की अनुमति देता है। इस मार्ग पर जाने से पहले मूल्य निर्धारण की तुलना करें क्योंकि मुझे पूरा यकीन है कि आपको प्रत्येक रूटिंग नियम के लिए भुगतान करना होगा।

आप इसे वितरित करने से पहले स्थिर सामग्री को कोड में भी खींच सकते हैं लेकिन इसे सीडीएन पर कैश नहीं किया जाएगा क्योंकि प्रत्येक गतिशील पृष्ठ पर जाने के लिए निष्पादन की आवश्यकता होगी। आप रूटिंग नियम बनाने और स्थिर सामग्री के सापेक्ष पथों का उपयोग करने से बेहतर हैं जिन्हें सीडीएन/फ्रंट डोर द्वारा पुनर्प्राप्त और कैश किया जाता है।

1
Architect Jamie 27 अक्टूबर 2019, 21:37