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를 사용할 수 있습니다. :) 기본 razzle 구성을 확장하여 heroku에서 작동하도록 합니다.
자세한 내용은 #340을 참조하세요.

@xouabita 멋지네요 감사합니다 :)

Razzle이 기본적으로 이것을 지원하거나 process.env 에 대한 경고가 있어야 하고 프로덕션 빌드가 더 눈에 잘 띄어야 한다고 생각합니다.

이것은 내가 상상했던 것보다 훨씬 더 문제가 되는 것으로 판명되었습니다. 설명하겠습니다:

저는 시스템 테스트 러너(시스템 테스트: 실제 브라우저에서 실행되는 테스트)를 작성 중이며 첫날부터 razzle 지원을 추가하고 싶습니다. 문제는 PORT가 결과 빌드에서 인라인되기 때문에 테스트하기 전에 모든 것을 컴파일할 때도 인라인해야 한다는 것입니다.

테스트에서 인라인된 PORT가 "정상" 프로덕션 컴파일 동안의 포트와 다르기 때문에 누군가 다른 것에 동일한 빌드를 사용하려고 할 때 불필요한 혼란을 일으킬 수 있습니다(결국 프로덕션 빌드이고 PORT 제외). . 테스트를 실행한 후 빌드를 삭제할 수도 있지만 프로덕션 배포 전에 시스템 테스트를 수행한 다음 동일한 컴파일된 코드를 재사용하는 흐름이 중단됩니다.

@jaredpalmer 프로덕션 빌드에서 PORT를 인라인하기로 한 결정을 재고하고 const PORT = process.env.PORT 와 같은 것)를 추가하십시오. 지옥에 그럴 기회가 없다면 이 문제를 닫아주세요. 그러면 제 도구에 면책 조항을 추가하겠습니다. :)

@d4rky-pl 제대로 만들자.

우리가 블랙리스트에 오르는 경우

• process.env.RAZZLE_SERVER_ 는 컴파일되지 않습니다.
• 및 PORT

당신이 이것을 알고 있다고 확신하지만 런타임 중에 process.env. 에서 읽는 것은 엄청나게 느리고 가능한 한 피해야 하는 것입니다. 그러나 razzle이 heroku 등에 더 쉽게 배포 될 수 있다면 더 좋을 것입니다. 이것을 알아내자.

나는 이것을 좋아한다. PORT 경우 성능에 문제가 없어야 하며 이 환경 변수는 부팅 시에만 읽혀집니다.

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;
  }
};

이것은 Heroku에 대한 내 해결 방법입니다.

// 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 봇을 사용하여 여기저기서 몇 가지를 자동화합니다. 이 특정 GitHub 봇은 최근 활동이 한동안 없었기 때문에 이것을 부실한 것으로 표시할 것입니다. 며칠 동안 더 이상 활동이 없으면 폐쇄됩니다. 이 작업을 개인적으로 심각하게 받아들이지 마십시오. 이것은 완전히 자동화된 작업입니다. 이것이 실수라면 댓글, DM, 캐리어 비둘기 또는 연기 신호를 보내주십시오.

비활성 상태로 인해 ProBot이 이를 자동으로 닫았습니다. 이것이 실수라면 Holler, 그리고 우리는 그것을 다시 열 것입니다.

사람들이 여전히 어려움을 겪고 있다면 이 문제에 대한 아주 간단한 해결 방법을 찾았습니다.

  // 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;
  }
};

나는 이것을 시도했지만 내 로컬에서 'npm run start:prod '를 시도하면 assets.json을 찾을 수 없다는 오류가 발생합니다. 또한 npm 패키지 관련 오류도 발생하고 빌드 폴더에 node_modules를 업로드해야 하는지 조언해 주시겠습니까?

이것은 지금 나를 위해 일하고 있습니다.

`
appConfig.plugins = appConfig.plugins.filter(플러그인 => plugin.constructor.name !== 'DefinePlugin');
const dotenv = razzleConfigEnv.getClientEnv(대상);

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

`