Angular 에서 Environment Variables 사용하기

environment 를 사용하면 개발 및 테스트 환경에서 다른 환경파일이 설정가능하고 다양한 변수값들도 사용할 수 있어 매우 편리합니다.

위치 및 파일 구조

- src
  - environments
    - environments.prod.ts
    - environments.ts

• environments.prod.ts : production에 사용할 변수
• environments.ts : development 에서 사용할 변수

형식

• environments.ts

export const environment = {
  production: false,
  ..........
  admob: {
  }
};

적용

import { environment } from '../environments/environment';
// import { environment } from 'src/environments/environment'; // 이런 형식으로도 사용가능

export class MyComponent {
  constructor()
  {
    this.production = environment.production;
    ..........
  }
}

개발시에는 environments.ts 이 적용되다가
ng build 시 environments.prod.ts 자동 적용

그외 다양한 환경설정 참조 문서