Razzle: संकलित बिल्ड इनलाइन PORT पर्यावरण चर

मैंने यह भी देखा है कि जिस तरह से getClientEnvironment stringified फ़ंक्शन लिखा गया है, पूरे process.env को सभी पर्यावरण चर सहित इनलाइन ऑब्जेक्ट से बदल दिया गया है:

// console.log(process.env.PORT) gets compiled to:
console.log(Object({"NODE_ENV":"production","PORT":3000,"VERBOSE":false,"HOST":"localhost","RAZZLE_ASSETS_MANIFEST":"somepath","BUILD_TARGET":"server","RAZZLE_PUBLIC_DIR":"somepath"}).PORT);

इससे सर्वर ऐप कॉन्फ़िगरेशन को हर बार पुनर्निर्माण किए बिना गतिशील बनाना असंभव हो जाता है।

हाय @ d4rky-pl,
आप razzle-heroku का उपयोग कर सकते हैं :) यह हरोकू पर काम करने के लिए डिफ़ॉल्ट
अधिक जानकारी के लिए #340 देखें

@xouabita यह अच्छा है, धन्यवाद :)

मुझे लगता है कि रैज़ल को डिफ़ॉल्ट रूप से इसका समर्थन करना चाहिए या process.env बारे में एक चेतावनी होनी चाहिए और उत्पादन कहीं अधिक प्रमुख है।

यह मेरी कल्पना से भी अधिक समस्याग्रस्त हो जाता है। मुझे समझाने दो:

मैं एक सिस्टम टेस्ट रनर लिख रहा हूं (सिस्टम टेस्ट: टेस्ट जो वास्तविक ब्राउज़र में चलते हैं) और मैं पहले दिन से रैज़ल सपोर्ट जोड़ना चाहता हूं। समस्या यह है कि चूंकि पोर्ट परिणामी निर्माण में रेखांकित है, इसलिए परीक्षण से पहले सबकुछ संकलित करते समय मुझे इसे इनलाइन भी करना होगा।

यह अनावश्यक भ्रम पैदा कर सकता है जब कोई व्यक्ति उसी निर्माण का उपयोग किसी और चीज़ के लिए करने का प्रयास करता है (यह उत्पादन निर्माण है, पोर्ट के अलावा शून्य परिवर्तन हैं) क्योंकि परीक्षणों में रेखांकित पोर्ट "सामान्य" उत्पादन संकलन के दौरान एक से अलग है . मैं परीक्षण चलाने के बाद भी निर्माण छोड़ सकता था लेकिन यह उस प्रवाह को तोड़ देगा जहां हम उत्पादन परिनियोजन से पहले सिस्टम परीक्षण करते हैं और फिर उसी संकलित कोड का पुन: उपयोग करते हैं।

@jaredpalmer कृपया उत्पादन निर्माण में PORT को इनलाइन करने के निर्णय पर पुनर्विचार करें और इसके बजाय एक बार का लुकअप जोड़ें ( const PORT = process.env.PORT जैसा कि server.js की शुरुआत में)। अगर उसके लिए नरक में कोई मौका नहीं है, तो कृपया इस मुद्दे को बंद करें और मैं अपने टूल में एक अस्वीकरण जोड़ूंगा :)

@ d4rky-pl चलो इसे सही करते हैं।

क्या हुआ अगर हम ब्लैक लिस्टेड

• process.env.RAZZLE_SERVER_ संकलित नहीं होगा
• और PORT

मुझे यकीन है कि आप शायद यह जानते हैं, लेकिन रनटाइम के दौरान process.env. से पढ़ना अविश्वसनीय रूप से धीमा है और जब भी संभव हो इससे बचा जाना चाहिए। हालांकि, यह बेहतर होगा यदि रज्जल उसकेोकू आदि के लिए अधिक आसानी से तैनात किया जा सके तो हाँ। आइए इसका पता लगाते हैं।

यह मुझे पंसद है। PORT में प्रदर्शन कोई समस्या नहीं होनी चाहिए, यह env चर केवल बूट समय के दौरान पढ़ा जा रहा है।

RAZZLE_SERVER_ , उन कुछ अतिरिक्त मामलों के लिए एक अच्छा कामकाज की तरह लगता है, हालांकि मुझे नाम के बारे में निश्चित नहीं है - यह भ्रमित हो सकता है और कम प्रदर्शन का कारण बन सकता है जब लोग मानते हैं कि आपको सभी को कैसे सेट करना चाहिए सर्वर-साइड पर्यावरण चर (केवल उनके बजाय जिन्हें आप वास्तव में एप्लिकेशन बूट के दौरान ओवरराइड करना चाहते हैं)। मुझे डर है कि मेरे पास कोई बेहतर विकल्प नहीं है।

मुझे भी यही समस्या थी, बिल्डटाइम पर परिभाषित नहीं किए गए env vars के साथ भी होता है। यह उपाय है:

/* eslint-disable no-param-reassign */
const razzleConfigEnv = require('razzle/config/env');

module.exports = {
  modify: (config, { target, dev }, webpack) => {
    // Fix process.env
    if (target === 'node') {
      config.plugins = config.plugins.filter(plugin => plugin.constructor.name !== 'DefinePlugin');
      const dotenv = razzleConfigEnv.getClientEnv(target, {
        clearConsole: true,
        host: 'localhost',
        port: 3000
      });
      config.plugins.push(
        new webpack.DefinePlugin({
          'process.env': `Object.assign(${JSON.stringify(dotenv.raw)}, process.env)`
        })
      );
    }
    return config;
  }
};

हेरोकू के लिए यह मेरा कामकाज है:

// getPorts.js

// bypass webpack.DefinePlugin
const { env } = require('process')

export const port = () =>
  parseInt(
    env.RAZZLE_PORT ||
      env.PORT ||
      process.env.RAZZLE_PORT ||
      process.env.PORT ||
      3000,
    10,
  )

होला! तो यहाँ सौदा है, ओपन सोर्स और मेरे दिन के काम और जीवन के बीच और क्या नहीं, मेरे पास प्रबंधन करने के लिए बहुत कुछ है, इसलिए मैं यहां और वहां कुछ चीजों को स्वचालित करने के लिए गिटहब बॉट का उपयोग करता हूं। यह विशेष रूप से GitHub बॉट इसे बासी के रूप में चिह्नित करने जा रहा है क्योंकि इसमें कुछ समय के लिए हाल की गतिविधि नहीं है। यदि कुछ दिनों में आगे कोई गतिविधि नहीं होती है तो इसे बंद कर दिया जाएगा। इसे व्यक्तिगत रूप से न लें--गंभीरता से--यह पूरी तरह से स्वचालित कार्रवाई है। अगर यह एक गलती है, तो बस एक टिप्पणी करें, मुझे डीएम करें, एक वाहक कबूतर, या एक धूम्रपान संकेत भेजें।

निष्क्रियता के कारण ProBot ने इसे स्वचालित रूप से बंद कर दिया। होलर अगर यह एक गलती है, और हम इसे फिर से खोलेंगे।

अगर लोग अभी भी इससे जूझ रहे हैं, तो मुझे इस मुद्दे का एक बहुत ही सरल समाधान मिला है

  // This will extract the env during production execution.. PORT will not be inlined during build
  const getEnv = c => process.env[c];
  app.listen(getEnv('PORT'));

मुझे भी यही समस्या थी, बिल्डटाइम पर परिभाषित नहीं किए गए env vars के साथ भी होता है। यह उपाय है:

/* eslint-disable no-param-reassign */
const razzleConfigEnv = require('razzle/config/env');

module.exports = {
  modify: (config, { target, dev }, webpack) => {
    // Fix process.env
    if (target === 'node') {
      config.plugins = config.plugins.filter(plugin => plugin.constructor.name !== 'DefinePlugin');
      const dotenv = razzleConfigEnv.getClientEnv(target, {
        clearConsole: true,
        host: 'localhost',
        port: 3000
      });
      config.plugins.push(
        new webpack.DefinePlugin({
          'process.env': `Object.assign(${JSON.stringify(dotenv.raw)}, process.env)`
        })
      );
    }
    return config;
  }
};

मैंने यह कोशिश की लेकिन जब मैं अपने स्थानीय पर 'एनपीएम रन स्टार्ट: प्रोड' का प्रयास करता हूं, तो मुझे एक त्रुटि मिलती है कि संपत्तियां। जेसन नहीं मिला। साथ ही, क्या आप कृपया सलाह दे सकते हैं, क्या मुझे बिल्ड फ़ोल्डर में नोड_मॉड्यूल अपलोड करने की आवश्यकता है और साथ ही मुझे एनपीएम पैकेज से संबंधित त्रुटियां भी मिलती हैं।

यह अब मेरे लिए काम कर रहा है।

`
appConfig.plugins = appConfig.plugins.filter(plugin => plugin.constructor.name !== 'DefinePlugin');
const dotenv = razzleConfigEnv.getClientEnv (लक्ष्य);

  delete dotenv.raw.PORT;
  config.plugins.push(
    new webpack.EnvironmentPlugin(dotenv.raw)
  );

`