[[oktatas:web:angular|< Angular]]

====== Angular - Környezeti változók ======

  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2023
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
  * Web: https://szit.hu

===== Környezeti változók =====

Az Angular alkalmazások számára beállíthatunk változókat az src könyvtárban található environment.ts fájlban. 

Alapértelmezetten létezik egy változó a "production". Ez a változó jelzi, hogy éles vagy fejlesztői környezettel dolgozunk. 

<code javascript src/environment.ts>
export const environment = {
  production: false
};
</code>

===== Környezeti változó beállítása =====

A példa kedvéért vegyünk fel egy apiHost változót, amiben tároljuk, hol érhető el a REST API:

<code javascript src/environment.ts>
export const environment = {
  production: false,
  apiHost: 'http://localhost:8000/api/'
};
</code>


===== A változó felhasználása =====

Az apiHost változót jellemzően egy szolgáltatásban használjuk. Legyen egy auth.service.ts, 
a példa kedvéért.

<code javascript src/app/shared/auth.service.ts>
//...
import { environment } from 'src/environments/environment';

//...

    let endpoint = 'login'
    let url = environment.apiHost + endpoint;
</code>