Wo speichern Sie Globale Einstellungen, im Winkel 4

In Eckig (Art-Skript) gibt es viele config-Dateien. Welches ist das richtige speichern Sie eine Globale Einstellung?

Zum Beispiel, wenn ich rufe-API von lokalen dann meine rootUrl ist localhost:42000 aber wenn ich den Schalter auf die Produktion sollte http:www.someting.com.

Ich wollen speichern Sie diese rootUrl in einigen weltweite Ort, so dass, wenn ich schalten Sie die Produktion dann habe ich nur noch ändern, in diesem rootUrl.

Bitte vorschlagen, wo sollte ich speichern Sie diese globalen Einstellungen, wie web.config in Asp.Net.

  • angularjs und angular 4 sind nicht die gleichen Rahmen. welche verwenden Sie? ist javascript, der andere ist typescript.
  • Ich bin mit Winkel 4
  • seine Winkel nicht Winkel-js-bitte ändern
  • Mögliche Duplikate von die Definition globaler Konstanten, die in Winkel-2
  • ich denke, dass er mit TypeScript eine
  • Wenn der URL, dient die app auch die URL, die dient Ihrer API, dann brauchst du nicht rootUrl. Nur http verwenden.get('/api/blabla'). Ansonsten, Winkel-CLI-Umgebungen für solche Sachen. Aber alles, was Sie brauchen, ist eine exportierte Konstante, wo immer Sie wollen, dass Sie importieren, wo yo es brauchen.
  • Müssen wir die build-Projekt zwei mal mit prod und Entwicklung, oder ist es irgendeine andere Weise zu ändern, die root-URL des API wies auf anderen server und root-url ändern, ohne das Projekt zu erstellen.

InformationsquelleAutor Umang Patwa | 2017-05-24
  1. 9

    Diese Antwort ist ähnlich wie @trichetriche, mit ein paar mehr details auf den code.

    Für development/testing Zweck

    Umgebung.ts

    export const environment = {
  production: false,
  appUrl: 'localhost:4200'
};

    Für production

    Umgebung.prod.ts

    export const environment = {
      production: true,
      appUrl: 'mywebsite.com'
    };

    Nutzung

    service.ts

    import { environment } from '../../environments/environment';

this._http.get(environment.appUrl, requestHeaders(options));

    Notieren production parameter in allen environment - Dateien.
    Ich glaube, Sie könnten auch mehr schaffen Umgebungen, wie environment.unittesting.ts.

    • Wenn ich den Schalter auf die Produktion, dann muss ich das ändern import { environment } from '../../environments/environment'; zu import { environment } from '../../environments/environment.prod'; ? in jeder service-Datei ?
    • Nein, das würde keinen Sinn machen. Sie müssen das nicht tun. Webpack erkennt automatisch die Produktion und nicht-Produktions-Dateien .
    • Ich bin mit Winkel-CLI
    • Das ist in Ordnung. ng build dienen Ihrem Zweck.
    • Für weitere Informationen : tattoocoder.com/angular-cli-using-the-environment-option
    • Müssen wir die build-Projekt zwei mal mit prod und Entwicklung, oder ist es irgendeine andere Weise zu ändern, die root-URL des API wies auf anderen server und root-url ändern, ohne das Projekt zu erstellen.

    InformationsquelleAutor Amit Chigadani
  2. 3

    Als ich begann, mit Winkel-2 habe ich eine Globale.ts-Datei, wo ich all meine Variablen, so dass ich es leicht ändern.

    Habe ich dann entdeckt Sie die Umgebungen, die zur Verfügung gestellt von Winkel-CLI. Alles, was Sie tun müssen ist, den Namen einer Datei environment.prod.ts (für prod), und verwenden Sie ng build --prod wenn Sie es erstellen. wenn Sie entwickeln, verwenden Sie die environment.ts Datei und beide Dateien haben die gleichen Variablen.

    Ich hoffe, das beantwortet Ihre Frage.

    InformationsquelleAutor
  3. 1

    Habe ich eine andere Möglichkeit zu definieren, die die globalen Einstellungen an. Denn wenn wir, definiert in ts-Datei, wenn build-in-Produktion-Modus ist es nicht leicht zu finden-Konstanten um den Wert zu ändern.

    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
  }
}

    Im app-Ordner, füge ich den Ordner configs/Einstellung.json

    Inhalt in der Einstellung.json

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

    In-app-Modul hinzufügen APP_INITIALIZER

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

    mit auf diese Weise, ändern kann ich den Wert in json-Datei zu erleichtern.

    Bewarb ich mich in diesem Projekt für baseUrl, dateformat, sessiontimeout...

    InformationsquelleAutor Hien Nguyen
  4. 0

    Können Sie process.env mit webpack ganz einfach. E. g. 

    /**
 * This interface makes sure we don't miss adding a property to both `prod` and `test`
 */
interface Config {
  someItem: string;
}

/**
 * We only export a single thing. The config.
 */
export let config: Config;

/**
 * `process.env.NODE_ENV` definition is driven from webpack
 *
 * The whole `else` block will be removed in the emitted JavaScript
 *  for a production build
 */
if (process.env.NODE_ENV === 'production') {
  config = {
    someItem: 'prod'
  }
  console.log('Running in prod');
} else {
  config = {
    someItem: 'test'
  }
  console.log('Running in test');
}

    können Sie auch ändern process.env.NODE_ENV mit webpack -p --define process.env.NODE_ENV='\"production\"' --config ./src/webpack.config.js

    Mehr

    https://basarat.gitbooks.io/typescript/docs/tips/build-toggles.html

    • Dies ist nutzlos, wenn er mit dem Winkel-CLI (die er vermutlich benutzt)
    InformationsquelleAutor basarat
Schreibe einen Kommentar