【Angular】環境変数にサブスクリプションキーを設定する

前書き

サブスクリプションキーをコード中に書くのはダメ。

環境変数に設定しましょう！

てことで設定してみたのでまとめます。

environment.ts

environment：訳 環境

Angula-CLIでng newしたら作成されるファイルだと思います。

何に使うファイルか気になっていました。

このファイルを使用して環境変数を設定するみたいですね。

2種類あると思いますが、prodは実行環境用です。

環境変数を設定する

environment.ts

export const APIKEY = '設定したいサブスクリプションキー';

環境変数を使用する

設定した環境ファイルをimportしましょう。

app.component.ts

import { APIKEY } from '../environments/environment';
/*
......
*/
onClick(){
    console.log(key1 = `${APIKEY}`);
}

実行するとenvironment.tsで設定したAPIKEYが出力されます。

以上。