2016-07-05 16 views
5

के साथ यूनिवर्सल रिएक्शन प्रतिपादन एक सर्वर-साइड (सार्वभौमिक, आइसोमोर्फिक) प्रस्तुत करने की कोशिश कर रहा है, जो ऐप/एक्सप्रेस ऐप के लिए हेरोकू का उपयोग करके सर्कलसीआई के माध्यम से तैनात किया गया है, और क्लाउडफ़्रंट सीडीएन के रूप में तैनात किया गया है।सीडीएन और उसकेोकू

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

क्या कोई इससे पहले इसमें भाग गया है?

+0

यहाँ CDN के लिए एक बॉयलरप्लेट मैं सार्वभौमिक प्रतिक्रिया क्षुधा के लिए उपयोग करने उर एचटीएमएल

  • Heroku/अपलोड करने के लिए तैनात में स्क्रिप्ट मूल्यों में सही फ़ाइल नाम injects। यह उसकेोकू में तैनात है और क्लाउड फ्रंट का उपयोग कर सकता है। Index.html फ़ाइल का उपयोग करने के बजाय यह उसकेोकू पर तैनात है और सर्वर 'Html.jsx' घटक परोसता है। https://github.com/MadeInHaus/react-flux-gulp-starter –

  • +0

    यदि चिंता फाइलों को कैसे संबोधित करें, संस्करणों को सिंक में रखें, और तैनाती से निपटें, शायद मेरा [delivr] (https: // github। कॉम/शॉलडे/डिलीवर) मॉड्यूल और संबंधित बिल्ड- * मॉड्यूल आपकी मदद करेंगे। यह आपके कोड को एक अनुमानित, उत्पादन-तैयार तरीके से S3 पर रखता है और फिर आप क्लाउडफ्रंट को एक साधारण कैशिंग प्रॉक्सी के रूप में सेट अप करेंगे। –

    +0

    क्या आप इसे समझ गए? क्या आप वेबपैक का उपयोग कर रहे हैं? –

    उत्तर

    0

    आप .json फ़ाइल बनाने के लिए https://github.com/kossnocorp/assets-webpack-plugin जैसे कुछ का उपयोग कर सकते हैं जिसमें आपके निर्मित और शेड की गई वेबपैक फ़ाइलों की निर्देशिका/नाम हैं। इसके बाद आप यह निर्धारित करने के लिए इस .json फ़ाइल का उपयोग कर सकते हैं कि आपके सर्वर-साइड जेनरेट किए गए HTML में आपके टैग कैसा दिखेंगे।

    1. webpack के साथ अपने ग्राहक के पक्ष बंडल निर्माण और अपने टुकड़ों में बांटा फ़ाइलों के नाम
    2. अपने सर्वर साइड बंडल निर्माण के साथ एक .json फाइल उत्पन्न। यह ऊपर .json फ़ाइल पढ़ता है और