如何在不重建Angular 6的情况下编辑环境变量? [英] How to edit environment variables without rebuild in Angular 6?

问题描述

我通常在environment.ts文件中设置我的API URL.我必须将相同的构建部署到具有不同API URL的多个客户端.目前，在更改环境变量之后，我将进行单独的构建.

I usually set my API URLs in environment.ts file. I have to deploy the same build to multiple clients with different API URLs. Currently I am taking separate builds after changing the environment variables.

构建后是否有任何方法可以编辑环境变量，因此我可以为每个客户端提供相同的构建?

Is there any way to edit environment variables after build, so I can give the same build to each client?

推荐答案

我研究了此问题，这是我不使用environment.ts

I researched this issue and this is my solution without using environment.ts

我在json文件中定义了全局设置.因为如果我们在ts文件中定义，如果在生产模式下进行构建，则不容易找到要更改值的常量.

I defined global settings in json file. Because if we defined in ts file, if build in production mode it is not easy to find constants to change value.

export class SettingService  {

  constructor(private http: HttpClient) {

  }



public getJSON(file): Observable<any> {
      return this.http.get("./assets/configs/" + file + ".json");
  }
  public getSetting(){
      // use setting here
  }
}

在应用程序文件夹中，我添加文件夹configs/setting.json

In app folder, i add folder configs/setting.json

setting.json中的内容

Content in setting.json

{
    "baseUrl": "http://localhost:52555"
}

在应用模块中添加APP_INITIALIZER

 {
      provide: APP_INITIALIZER,
      useFactory: (setting: SettingService) => function() {return setting.getSetting()},
      deps: [SettingService],
      multi: true
    }

通过这种方式，我可以更轻松地更改json文件中的baseUrl值.

with this way, I can change baseUrl value in json file easier.

这篇关于如何在不重建Angular 6的情况下编辑环境变量?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！