Back to Question Center
0

सार्वभौमिक प्रतिपादन प्रतिपादन: हम कैसे साइटपॉइंट पुनर्निर्माण            सार्वभौमिक प्रतिपादन प्रतिपादन: हम कैसे साइटपॉइंट पुनर्निर्मित विषय: npmAPIsTools & Semalt

1 answers:
सार्वभौमिक प्रतिपादन प्रतिपादन: हम कैसे साइटपॉइंट पुनर्निर्माण

सार्वभौमिक प्रतिपादन प्रतिपादन: हम कैसे साइटपेज पुनर्निर्माण कॉम के साथ सहकर्मी स्टुअर्ट मिशेल, मैट बर्नेट और जोन यिन ने समीक्षा की। Semalt्ट के समीक्षक समीक्षक के लिए धन्यवाद, साम्बाट सामग्री बनाने के लिए सबसे अच्छा यह हो सकता है!

सार्वभौमिक प्रतिपादन प्रतिपादन: हम कैसे साइटपॉइंट पुनर्निर्माणसार्वभौमिक प्रतिपादन प्रतिपादन: हम कैसे साइटपॉइंट पुनर्निर्मित विषय:
npmAPIsTools और Semalt

साइटपॉइंट में बहुत अच्छी सामग्री है और यह सिर्फ लेख नहीं है, इसलिए जब हमने हाल ही में साइटपॉइंट होम पेज को बदल दिया था, तो लक्ष्य में से एक साइटपॉईंट प्रीमियम से पुस्तकों, पाठ्यक्रमों और वीडियो जैसे अन्य सामग्री को प्रदर्शित करने का बेहतर काम करना था, और हमारे मंचों से चर्चा इसने एक चुनौती पेश की, क्योंकि यह हमारे मुख्य वर्डप्रेस एप के बाहर कई स्रोतों से डेटा खींचना था।

हमारी विकास टीम में, हम वास्तव में प्रतिक्रिया का आनंद उठाते हैं। घटक मॉडल, और "डेटा स्टोर" होने के पैटर्न सेमेल्ट में, हमारे लिए वास्तव में अच्छी तरह से काम करते हैं और हम पाते हैं कि यह हमारे द्वारा काम करने में मजा आता है।

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

यूनिवर्सल रिएक्ट रेन्डरिंग और PHP

वर्डप्रेस PHP है, प्रतिक्रिया सेमेल्ट है - तो हम दोनों सर्वर-साइड कैसे करते हैं? हमारा समाधान एक नोड बनाना था जेएस प्रॉक्सी सर्वर सभी अनुरोध इस नोड सर्वर में आते हैं और हमारे वर्डप्रेस साइट पर सीधे पारित हो जाते हैं। प्रॉक्सी फिर लौटे पृष्ठ का निरीक्षण करता है और ब्राउज़र पर इसे भेजने से पहले प्रतिक्रिया प्रस्तुत करता है। इसका नतीजा एक पूर्ण सर्वर-साइड ऐप का मामला है और क्लाइंट या सर्वर पर Semaltेट के जरिये प्रदान किए जाने वाले / घटित किए जा सकने वाले घटकों की एक श्रेणी के साथ वर्डप्रेस के बुनियादी पृष्ठों का मामला कम है।

हालांकि यह विचार काफी सरल लगता है, और हमें सेमील्ट के माध्यम से पूर्ण पृष्ठ प्रदान करने के बहुत सारे उदाहरण मिल गए हैं, हमें एक मौजूदा प्रतिक्रिया को अपग्रेड करने के तरीके में अपेक्षाकृत कम पाया गया है। हमने जिन उपकरणों को चुना है वे हैं:

  • नोड-एचटी-प्रॉक्सी, नोड के लिए एक पूर्ण विशेषताओं वाली HTTP प्रॉक्सी जेएस
  • और हार्मन, नोड-एचटी-प्रॉक्सी के लिए मिडलवेयर ट्रम्पेट के साथ रिमोट वेबसाइट की प्रतिक्रिया को संशोधित करने के लिए

इस प्रक्रिया का वर्णन करने का सबसे अच्छा तरीका एक उदाहरण के साथ है। यहां एक सरल डेमो ऐप है यदि आप / _src यूआरएल पर जाएं तो आप पूर्ण स्रोत कोड देख सकते हैं, या सेमेट रेपो देख सकते हैं

  • सर्वर / लक्ष्य जेएस एक बहुत सरल HTTP सर्वर है जो हमेशा एक ही मूल HTML
  • देता है
  • सर्वर / प्रॉक्सी जेएस लागू करता है नोड-एचटी-प्रॉक्सी सभी सर्वर को लक्ष्य सर्वर पर अग्रेषित करना
  • सर्वर / बेसिक हर्मन जेएस किसी नए <हेडर> टैग को कुछ नए, कन्फेयर सामग्री
  • के साथ फिर से लिखने के लिए हर्मन का उपयोग कर एक एक्सप्रेस मिडलवेयर प्रदान करता है
  • सर्वर / एक्सप्रेस जेएस एक्सप्रेस सर्वर बनाता है जो प्रॉक्सी और हार्मन मिडलवेयर का उपयोग करता है

जब आप ऐप पर जाते हैं तो आपको देखना चाहिए कि आपके द्वारा प्रदत्त परिणाम में फैंसी हैडर है

इस स्तर पर हमारे पास केवल शीर्षलेख टैग में पाठ की जगह का एक तुच्छ उदाहरण है, लेकिन निम्नलिखित खंडों में मैं दिखाएगा कि यह कैसे हमारे रिएक्ट घटकों को प्रस्तुत करने के लिए इस्तेमाल किया जा सकता है। यह दृष्टिकोण हमें महान लचीलापन देता है नोड जेएस ऐप को कैसे वर्डप्रेस काम करता है की कोई जानकारी नहीं है यह आसानी से एक रेल ऐप या कुछ और के सामने ही लागू किया जा सकता है

साइटपॉइंट पर घटक.

यदि आपने पहले Semaltेट का प्रयोग किया है तो निम्न कोड ब्लॉक परिचित होना चाहिए

     <मेटा वर्णसेट = "यूटीएफ -8" /><शीर्षक> नमस्कार प्रतिक्रिया!           

March 6, 2018