From 983bbf36ad28387edc730cdb5714dfc504d8f5a9 Mon Sep 17 00:00:00 2001 From: Tim Herbst Date: Mon, 18 Jan 2021 18:50:23 +0000 Subject: [PATCH] Update Vorgehensweise --- Projektarbeit-3/Vorgehensweise.md | 31 ++++++++++++++++++++++++++++--- 1 file changed, 28 insertions(+), 3 deletions(-) diff --git a/Projektarbeit-3/Vorgehensweise.md b/Projektarbeit-3/Vorgehensweise.md index 0019e59..e911cd7 100644 --- a/Projektarbeit-3/Vorgehensweise.md +++ b/Projektarbeit-3/Vorgehensweise.md @@ -372,11 +372,36 @@ Der Dashboard-Common-Bike-Point ist in der Dashboard-Komponente und allen Kind-K Programmatisch ähnelt dieses Domänenobjekt dem Map-Bike-Point. ### Methoden, welche mit dem Backend kommunizieren +#### Allgemeiner Aufbau +Um redundanten Code zu sparen, wurde die URL für das Backend in eine globale Variable ausgelagert, die von überall im Projekt erreichbar ist. - +In der `environment.ts` wurde die URL wie folgt hinterlegt: +``` +export const environment = { + production: false, + apiUrl: 'https://it-schwarz.net/api/' +}; +``` +Somit ergibt sich dann bei einem Aufruf mit einem HTTP-GET folgende Architektur der URL: +``` + public exampleMethod(param: string): Promise { + return this.client.get(environment.apiUrl + `urlToEndpoint/${param}/`).toPromise(); + } +``` +#### Beispiel aus dem DashboardService +``` + public fetchDashboardInit(id: string): Promise { + return this.client.get(environment.apiUrl + `latest/dashboard/${id}/`).toPromise(); + } +``` +#### Beispiel aus dem MapService +``` + private fetchBikePointGeoData(): Promise { + return this.client.get(environment.apiUrl + 'latest/bikepoints/').toPromise(); + } +``` +Weitere Beispiele sind aus dem Sourcecode zu entnehmen. ## Einbinden von Leaflet * Erläuterung des Map-Service in Bezug auf Layer und Marker-Generierung * Grober Ablauf der Map-Generierung (Layer-Aufbau grafisch darstellen) -* Heatmap bei Umsetzung -* Mini-Map mit dynamischen An/aus auch in Umsetzung \ No newline at end of file