빌드 시 환경 변수에 액세스 - AWS Amplify 호스팅
환경 변수가 서버 측 런타임에 액세스할 수 있도록 만들기

기계 번역으로 제공되는 번역입니다. 제공된 번역과 원본 영어의 내용이 상충하는 경우에는 영어 버전이 우선합니다.

빌드 시 환경 변수에 액세스

빌드 중 환경 변수에 액세스하려면 빌드 명령에 환경 변수를 포함하도록 빌드 설정을 편집하십시오.

빌드 구성의 각 명령은 Bash 쉘 내에서 실행됩니다. Bash에서 환경 변수를 사용하는 방법에 대한 자세한 내용은 GNU Bash 매뉴얼의 쉘 확장을 참조하십시오.

환경 변수를 포함하도록 빌드 설정을 편집하려면

  1. AWS Management Console에 로그인하고 Amplify 콘솔을 엽니다.

  2. Amplify 콘솔에서 호스팅을 선택한 다음 빌드 설정을 선택합니다.

  3. 앱 빌드 사양 섹션에서 편집을 선택합니다.

  4. 환경 변수를 빌드 명령에 추가합니다. 이제 다음 빌드 동안 환경 변수에 액세스할 수 있어야 합니다. 이 예제는 npm의 동작(BUILD_ENV)을 변경하고 나중에 사용할 수 있도록 외부 서비스용 API 토큰(TWITCH_CLIENT_ID)을 환경 파일에 추가합니다.

    build:
  commands:
    - npm run build:$BUILD_ENV
    - echo "TWITCH_CLIENT_ID=$TWITCH_CLIENT_ID" >> backend/.env

  5. Save(저장)를 선택합니다.

환경 변수가 서버 측 런타임에 액세스할 수 있도록 만들기

Next.js 서버 구성 요소는 기본적으로 앱의 환경 변수에 액세스할 수 없습니다. 이는 애플리케이션이 빌드 단계에서 사용하는 환경 변수에 저장된 모든 암호를 보호하기 위한 것입니다.

특정 환경 변수를 Next.js에 액세스할 수 있게 하려면 Next.js가 인식하는 환경 파일에 환경 변수를 설정하도록 Amplify 빌드 사양 파일을 수정해야 합니다. 이를 통해 Amplify는 애플리케이션을 빌드하기 전에 환경 변수를 로드할 수 있습니다. 빌드 사양 수정에 대한 자세한 내용은 빌드 명령 섹션에서 환경 변수를 추가하는 방법의 예를 참조하십시오.