Winkel-CLI: Ändern-REST-API-URL auf bauen

Möchte ich entfernen meinen lokalen server-Präfix von meinem REST-API-URLs (Beispiel http://localhost:8080) bei der Gebäude für die Produktion (ng build --prod).

Ich bekommen, dass es etwas mit der Umwelt zu tun Datei environment.prod.ts, aber finde keine Beispiele, dass Sie zur Erreichung der oben genannten.

Wäre toll, wenn mir jemand hilft, begonnen zu erhalten!

InformationsquelleAutor karthikaruna | 2017-11-22
  1. 37

    Dont codieren Sie die URL.
    Verwenden Umgebung.prod.ts und Umgebung.ts Dateien, die im inneren src/Umgebungen.
    für localhost in der Umgebung.ts-Datei einige Variablen zum speichern der url.

    export const environment = 
{
    production: false,
    API_URL: 'http://localhost:8080',
};

    für die Produktion, in der Umwelt.prod.ts

    export const environment = 
{
    production: true,
    API_URL: 'http://api.productionurl.com',
};

    Wenn Sie in Ihren code importieren Sie die Variablen,

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

private API_URL= environment.API_URL;

    wenn Ihre Verwendung für die Produktion verwenden, Winkel-cli-Befehl option

    ng build --env=prod

    Den Inhalt der Datei auf die aktuelle Umgebung überschreibt diese beim bauen.
    Das build-system standardmäßig auf die dev-Umgebung, die verwendet environment.ts, aber wenn Sie das tun
    ng build --env=prod dann environment.prod.ts wird stattdessen verwendet werden.
    Die Liste von denen die env-Karten, auf die Datei kann gefunden werden in .angular-cli.json.

    Weitere Abfragen beziehen,
    https://angular.io/guide/deployment

    • Sie sind hartzucodieren die URL zu. Setzen es in eine andere Datei mit einem speziellen Namen wie environment ist nicht zu machen Sie vermeiden hardcoding :shrug:. API-URLs gesetzt werden sollten, über environment-Variablen. Eine variable in einer Datei namens environment es ist nicht eine Umgebungsvariable.
    InformationsquelleAutor Akash Tantri
  2. 1

    Relative URLs

    Setzen einen API_URL in Ihrer Umgebung config ist eine gute Idee, aber wenn Sie Ihre API und client-app wird serviert vom gleichen server oder domain haben, können Sie , verwenden Sie relative URLs anstelle. Es ist viel einfacher einzurichten und vereinfacht den build-Prozess.

    Hier ist etwas code, der ein Leben in einer API-service.

      get(path: string, params: HttpParams = new HttpParams()): Observable<any> {
    return this.http.get(`/api${path}`, { params })
      .pipe(catchError(this.formatErrors));
  }

    Wenn Sie mit der Umgebung.API_URL, können Sie noch konfigurieren, dass der Wert leer sein.

    Dies kann hilfreich sein, wenn Sie sind servieren Sie Ihre app und die API von separaten localhost-Server in einer Entwicklungsumgebung. Sie könnten zum Beispiel ng serve von localhost:4200, und führen Sie Ihre API von PHP, C#, Java, etc. - backend auf localhost:43210. Sie müssen die API_URL config für die Entwicklung.

      get(path: string, params: HttpParams = new HttpParams()): Observable<any> {
    return this.http.get(`${environment.api_url}/api${path}`, { params })
      .pipe(catchError(this.formatErrors));
  }

    Als bonus, hier ein Beispiel, ApiService, dass ist eine injizierbare Objekt, das Sie verwenden können, um Ihre app!

    https://github.com/gothinkster/angular-realworld-example-app/blob/63f5cd879b5e1519abfb8307727c37ff7b890d92/src/app/core/services/api.service.ts

    Achten Sie auf die base-ref in Ihrer Haupt-HTML-Seite als auch.

    InformationsquelleAutor Jess
  3. 0

    Einen möglichen Weg, das zu erreichen ist, definieren die verschiedenen Basis-URLs basierend auf isDevMode() im code. Zum Beispiel,

    import { isDevMode } from '@angular/core';

//...
let baseUrl: string;
if (isDevMode()) {
    baseUrl = "http://localhost:8080/";
} else {
    baseUrl = "http://api.myprodserver.com/";
}
//...

    Edit: Dies soll zur illustration. Sie werden wahrscheinlich möchten Sie einige type-of (env-abhängig) "config" im echten code.

    InformationsquelleAutor realharry
Schreibe einen Kommentar