मैं अपने क्लाइंट-साइड कोड में पर्यावरण चर सेट कैसे करूं?

Question

अगर हम विकास या उत्पादन में हैं, तो मुझे एक अलग कुंजी सेट करने की आवश्यकता है। क्लाइंट-साइड में ऐसा करने का एक अच्छा तरीका क्या है जिसमें कोई अंतर्निहित रनटाइम वातावरण नहीं है?

धन्यवाद!

Answer 1

क्यों न सिर्फ एक अलग स्क्रिप्ट लोड करें? आप जीईटी पैरामीटर के आधार पर गतिशील रूप से स्क्रिप्ट बना सकते हैं उदा। http://example.org/script.js?development=1, और फिर उस पैरामीटर के आधार पर कोड की सामग्री को सर्वर-साइड भाषा जैसे PHP के साथ बदलें।

आप क्लीनर को देखने के लिए अपने वेब सर्वर पर पुनः लिखने के नियमों का भी उपयोग कर सकते हैं।

Answer 2

अगर मैं सही समझते हैं, इस प्रयास करें:

if (window.location.protocol === 'file:') { 
    // Development environment 
} 
else { 
    // Production environment 
}; 

Answer 3

एक तरह से ग्राहक पर ग्लोबल नेम स्पेस में सर्वर से एक वातावरण चर इंजेक्षन करने के लिए है।

उदाहरण के लिए

, यदि आप PHP में यह कर गया:

<script> 
    var env = <?php echo $your_env_variable; ?>; // globally accessible variable 
</script> 

अब आप किसी भी जावास्क्रिप्ट फ़ाइलें जो कि स्क्रिप्ट टैग के बाद क्रियान्वित कर रहे हैं से है कि वातावरण चर का उपयोग कर सकते हैं।

नोड में आप एक ही बात करना होगा, लेकिन templating (उदाहरण के जेड के लिए) के साथ:

script(type='text/javascript'). 
    var env = passedInEnvVar 

Answer 4

में "आधिकारिक" जिस तरह से पर्यावरण निर्दिष्ट करने के लिए "NODE_ENV" का उपयोग करने के लिए है NodeJS। चूंकि आपने HTML सामग्री की सेवा के लिए उपयोग किए जाने वाले ढांचे का उल्लेख नहीं किया है, इसलिए मैं अपने उत्तर के लिए एक्सप्रेसजे का उपयोग करूंगा।

आप बस अपनी दृश्य टेम्पलेट में ऐसा कर सकते हैं (मैं EJS उपयोग कर रहा हूँ)

var key = '<%= keys[process.env.NODE_ENV] %>' 

आप प्रत्येक परिवेश

var keys = { 
    'development': 'dev-key', 
    'production': 'prod-key' 
}