Update Vorgehensweise

Tim Herbst 2021-01-18 18:50:23 +00:00
parent 43779b8aa7
commit 983bbf36ad

@ -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<any> {
return this.client.get(environment.apiUrl + `urlToEndpoint/${param}/`).toPromise();
}
```
#### Beispiel aus dem DashboardService
```
public fetchDashboardInit(id: string): Promise<any> {
return this.client.get(environment.apiUrl + `latest/dashboard/${id}/`).toPromise();
}
```
#### Beispiel aus dem MapService
```
private fetchBikePointGeoData(): Promise<any> {
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