>  기사  >  웹 프론트엔드  >  자바스크립트 환경 변수를 설정하는 방법

자바스크립트 환경 변수를 설정하는 방법

王林
王林원래의
2023-05-26 18:04:081446검색

JavaScript에서 환경 변수라는 개념은 현재 실행 중인 환경에서 정의된 변수를 의미합니다. JavaScript에서는 환경 변수를 사용하여 중요한 구성 정보, API 키, 데이터베이스 연결 문자열 및 기타 민감한 정보를 저장할 수 있습니다. 이러한 민감한 정보는 프런트엔드 사용자에게 노출될 수 없으므로 백엔드 환경에서 환경 변수를 정의하고 설정해야 합니다. 이 기사에서는 JavaScript 환경 변수의 구체적인 구현 방법을 소개합니다.

1. 환경변수란 무엇인가요?

환경 변수는 현재 운영 체제 변수 범위 내의 변수를 의미합니다. 운영 체제에서 환경 변수의 역할은 수많은 프로그램 간에 분산된 데이터를 공유하는 동시에 경로, API 키, 데이터베이스 연결 문자열 및 기타 민감한 구성 정보와 같은 일부 중요한 구성 정보를 저장할 수도 있습니다. 정보. 이 정보는 프런트엔드 사용자에게 노출될 수 없으므로 백엔드 환경에서 정의하고 설정해야 합니다.

2. JavaScript에서 환경 변수를 사용하는 방법

JavaScript에서는 process.env 개체를 통해 환경 변수에 액세스할 수 있습니다. process.env는 Node.js에서 제공하는 전역 변수이며 Node.js 애플리케이션에서는 현재 프로세스의 모든 환경 변수를 포함하며 모든 Node.js 프로세스가 이에 액세스할 수 있습니다.

예를 들어 환경 변수 DB_URL에 액세스하려면 process.env.DB_URL만 사용해야 합니다.

var dbUrl = process.env.DB_URL

이 예에서는 process.env.DB_URL을 사용합니다. 환경 변수 DB_URL에 액세스한 다음 이를 변수 dbUrl에 할당합니다.

3. JavaScript에서 환경 변수를 설정하는 방법

JavaScript에서는 환경 변수를 수동으로 설정할 수 있습니다. 웹에서는 config.js라는 구성 파일에 환경 변수를 작성한 다음 애플리케이션에서 해당 파일을 참조할 수 있습니다.

Node.js 애플리케이션에서는 dotenv 모듈을 사용하여 환경 변수를 설정할 수 있습니다. dotenv 모듈은 애플리케이션에서 사용하기 위해 파일의 환경 변수를 process.env 객체로 로드하는 데 도움이 됩니다.

예를 들어 Node.js 애플리케이션에서 환경 변수를 설정해야 합니다.

1 먼저 dotenv 패키지를 설치해야 합니다.
npm install dotenv --save

2. 그런 다음 애플리케이션에 dotenv 패키지를 로드해야 합니다.
require('dotenv').config()

3. 마지막으로 .env 파일에 환경 변수를 설정합니다.
DB_URL=xxxxxxx
API_KEY=yyyyyyy

이제 애플리케이션에서 두 가지 환경 변수 DB_URL 및 API_KEY를 사용할 수 있습니다.
const dbUrl = process.env.DB_URL
const apiKey = process.env.API_KEY; 다양한 환경에서 다양한 환경 변수를 설정하는 방법

개발 과정에서 일반적으로 개발 환경, 테스트 환경, 프로덕션 환경 등과 같은 다양한 환경이 있으므로 다양한 환경 변수를 설정해야 할 수도 있습니다. 이 목적을 달성하기 위해 다양한 구성 파일을 사용하여 다양한 환경 변수를 별도로 저장할 수 있습니다.

예를 들어, 다른 환경에서는 config/development.env, config/production.env, config/test.env 및 기타 파일에 저장할 수 있는 다른 데이터베이스 연결 문자열을 설정한 다음 dotenv 모듈을 사용해야 할 수도 있습니다. 올바른 환경 변수를 로드합니다.

예를 들어 개발 환경에서는 config/development.env 파일에 환경 변수를 로드해야 합니다.

require('dotenv').config({path:'./config/development.env'}) ;


테스트 환경에서는 config/test.env 파일에 환경 변수를 로드해야 합니다:

require('dotenv').config({path:'./config/test.env'});

프로덕션 환경에서는 config/production.env 파일에 환경 변수를 로드해야 합니다:
require('dotenv').config({path:'./config/production.env'});

5 . 요약

JavaScript 환경 변수는 매우 유용한 기술입니다. 개발 시 환경 변수를 사용하면 중요하고 민감한 데이터를 저장, 공유 및 숨길 수 있습니다. 이번 글에서는 자바스크립트에서 환경 변수를 정의하고 사용하는 방법과, 다양한 환경에서 다양한 환경 변수를 설정하는 방법을 다루었습니다. dotenv 모듈과 구성 파일을 사용하면 환경 변수를 쉽게 관리하고 설정할 수 있어 개발 효율성과 보안이 향상됩니다.

위 내용은 자바스크립트 환경 변수를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.