Changes for page Basisprojekt
Last modified by Carl Welsch on 2026/10/23 16:19
From version 73.2
edited by Carl Welsch
on 2026/10/23 11:44
on 2026/10/23 11:44
Change comment:
Auto-saved during real-time collaboration
To version 62.1
edited by Marco Grawunder
on 2025/10/16 11:59
on 2025/10/16 11:59
Change comment:
There is no comment for this version
Summary
-
Page properties (2 modified, 0 added, 0 removed)
-
Attachments (0 modified, 0 added, 3 removed)
Details
- Page properties
-
- Author
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki. cwelsch1 +XWiki.mgrawunder - Content
-
... ... @@ -1,13 +1,7 @@ 1 1 [[image:Main.Organisatorisches.WebHome@softwareprojekt_logo_transparent.png||alt="SoftwareprojektLogo.png" data-xwiki-image-style-alignment="end" height="136" width="309"]] 2 2 3 -{{info}} 4 -**Worum geht es auf dieser Seite?** 3 +Hier folgen Erklärungen des neuen Basisprojekts. Es wird um die folgenden Themen gehen: 5 5 6 -Diese Seite erklärt den **Einstieg in das bereitgestellte Basisprojekt** und die darin verwendete Client-Server-Kommunikation. Behandelt werden insbesondere Einrichtung und Build, Spring, REST/OpenAPI, DTOs sowie WebSockets/STOMP. 7 - 8 -Das Basisprojekt verwendet mindestens **Java 21**. Screenshots können sich bei neueren Versionen optisch unterscheiden. 9 -{{/info}} 10 - 11 11 {{toc/}} 12 12 13 13 ... ... @@ -15,11 +15,9 @@ 15 15 16 16 [[image:1755245956916-184.png]] 17 17 18 -== Repository klonen==12 +== Clone == 19 19 20 -{{warning}} 21 -Im Screenshot wird teilweise das globale Basisprojekt gezeigt. **Verwenden Sie für die Arbeit das bereits für Ihre Gruppe angelegte Repository.** 22 -{{/warning}} 14 +Achtung! In dem Screenshot wird das globale Basisprojekt verwendet. Für jede Gruppe existiert bereits ein eigenes Repository, welches verwendet werden sollte, 23 23 24 24 Sie finden die Clone-URL wie folgt: 25 25 ... ... @@ -35,16 +35,13 @@ 35 35 36 36 == Access Token == 37 37 38 -{{expandable summary="Schritt-für-Schritt: Access Token einrichten"}} 39 -Beim ersten Git-Zugriff über HTTPS werden Zugangsdaten benötigt. Statt des normalen Passworts sollte ein persönlicher **Access Token** verwendet werden. Öffnen Sie dazu Ihr Profilbild, wählen Sie **Edit profile** und finden Sie in der Spalte links den Bereich **Access tokens**. 30 +Beim ersten Mal clonen müssen Sie Ihre Gitlab-Zugangsdaten verwenden. Statt Name und Passwort ist es sinnvoll, einen Access-Token zu definieren. Das können Sie machen, in dem Sie auf ihre Profilbild klicken (auf der linken Seite) und dort "Edit Profile" auswählen. In dem nun folgenden Menü gibt es den Punkt Access tokens. 40 40 41 -[[image:17 92748594897-686.png||height="305" width="258"]]<~-~- Edit Profile32 +[[image:1757398899497-714.png||height="246" width="278"]] 42 42 43 -[[image:1792748661578-664.png]] 44 - 45 45 Dort können Sie mit [[image:1757398947128-748.png||height="89" width="197"]] ein neues Token anlegen. 46 46 47 -Als Namen k ann z.B.`IntelliJ`verwendet werden.AccessTokenssindaus Sicherheitsgründenzeitlichbegrenzt.WählenSieeinAblaufdatum, daszumProjektzeitraumpasst.36 +Als Namen können Sie z.B. IntelliJ verwenden. Wichtig! Das Token ist aus Sicherheitsgründen nur eine bestimmte Zeit gültig. In diesem Gitlab kann dies maximal ein Jahr sein, standardmäßig ist ist hier aber ein Monat gewählt. Sie sollten also das Feld anpassen. 48 48 49 49 [[image:1757399088336-273.png||height="92" width="547"]] 50 50 ... ... @@ -54,21 +54,13 @@ 54 54 55 55 [[image:1757399184270-348.png||height="99" width="978"]] 56 56 57 -{{warning}} 58 -Kopieren und speichern Sie das erzeugte Token unmittelbar. Es wird nach der Erstellung nicht erneut vollständig angezeigt. **Tokens dürfen niemals in das Repository eingecheckt werden.** 59 -{{/warning}} 46 +Jetzt ist es wichtig, dass Sie sich das Token sichern! 60 60 61 -Beim **Einloggen **(Achtung! Gemeint ist hier, wenn Intellij (bzw. git) nach den Account-Daten beim Clonen fragt. Man kann auch einen Gitlab-Account hinterlegen (der dann aber parallel existiert). Hier für ist es wichtig, dass noch "api" und "read_user" als Recht vergeben wird.) in IntelliJ können Sie dieses Token im Passwort-Feld verwenden. Geben Sie ihren Account bei Name ein. 62 -{{/expandable}} 48 +Beim **Einloggen **(Achtung! Gemeint ist hier, wenn Intellij (bzw. git) nach den Account-Daten beim Clonen fragt. Man kann auch einen Gitlab-Account hinterlegen (der dann aber parallel existiert). Hier für ist es wichtig, dass noch "api" und "read_user" als Recht vergeben wird.) in IntelliJ können Sie dieses Token im Passwort-Feld verwenden. Geben Sie ihren Account bei Name ein. 63 63 64 -== SSH == 65 65 66 - Hinweis:Man kann jetzt auchmit SSH clonen. Da gitlab aber hinter einemReverseproxyliegt, geht das nur mit der direkten Adresse des Host: vmisdata07.uni-oldenburg.de.Ist nun auch in Gitlab zu konfiguriert:51 +== Nach dem Clonen == 67 67 68 -[[image:1792324965203-193.png]] 69 - 70 -== Nach dem Klonen == 71 - 72 72 sollten Sie einen Bildschirm ähnlich zu dem folgenden sehen: 73 73 74 74 [[image:1755245980026-164.png]] ... ... @@ -77,9 +77,10 @@ 77 77 78 78 [[image:1755245996886-733.png]] 79 79 80 -== Initialer Maven-Buildund Codegenerierung ==61 +== Initialer Build (Generierung) == 81 81 82 -Nach einem frischen Checkout fehlen zunächst generierte Quellen. Führen Sie deshalb einen Maven-Build aus. Eine erneute Generierung ist insbesondere notwendig, wenn die OpenAPI-Beschreibung geändert wurde oder generierte Quellen fehlen. 63 +Dem neuen Code fehlen einige generierte Dateien. Diese werden wie folgt erzeugt. 64 +Hinweis: Immer, wenn an dem OpenAPI-Dokument etwas geändert wird oder neue Abhängigkeiten für Maven definiert werden, muss diese Aktion durchgeführt werden. 83 83 84 84 [[image:1755246008466-477.png]] 85 85 ... ... @@ -87,47 +87,24 @@ 87 87 [[image:1755246018789-616.png]] 88 88 89 89 90 -== Lombok -Plugin ==72 +== Lombok Plugin == 91 91 92 - Falls dasLombok-Pluginnoch nicht installiertist, installierenbzw. aktivierenSieesinIntelliJ.74 +**Lombok Plugin installiert? Wenn nein jetzt machen** 93 93 94 94 [[image:1755248508652-523.png]] 95 95 96 - Je nachIntelliJ-Editionkannzusätzlich das Spring-/Spring-Boot-Pluginhilfreich sein.78 +**Hinweis: Wenn man schon hier ist, kann man auch das Spring-(Boot)-Plugin **installieren 97 97 98 98 [[image:1756886220468-891.png]] 99 99 100 -== Problememit Mavenoder IntelliJ==82 +== Server laufen lassen == 101 101 102 -Falls IntelliJ nach dem Klonen des Repositories nicht alle Abhängigkeiten oder Klassen erkennt, überprüfen Sie bitte folgende Punkte: 103 - 104 -1. **Java-Version:** Das Basisprojekt benötigt mindestens Java 21. Kontrollieren Sie mit java -version und mvn -version, welche Versionen verwendet werden. 105 -1. **IntelliJ-Projekt:** Öffnen Sie das gesamte Projekt mit der übergeordneten pom.xml, nicht nur das Server- oder Client-Verzeichnis. 106 -1. **Maven-Konfiguration:** Überprüfen Sie unter //Settings → Build Tools → Maven//, ob Maven mit einem passenden JDK ausgeführt wird. 107 -1. **Maven aktualisieren:** Öffnen Sie das Maven-Toolfenster und wählen Sie //Reload All Maven Projects//. 108 -1. ((( 109 -**Projekt bauen:** Öffnen Sie ein Terminal im Hauptverzeichnis des Projekts und führen Sie folgenden Befehl aus: 110 - 111 -mvn -U clean install -DskipTests 112 -))) 113 -1. **Generierte Klassen:** Stellen Sie sicher, dass die durch OpenAPI generierten Java-Klassen unter target/generated-sources vorhanden sind und von IntelliJ erkannt werden. 114 -1. **Lombok:** Prüfen Sie, ob das Lombok-Plugin aktiviert ist und Annotation Processing korrekt funktioniert. 115 -1. **Server starten:** Starten Sie die Klasse ServerApp im Server-Modul. Überprüfen Sie bei Problemen die Java-Version und die Startkonfiguration. 116 - 117 -**Hinweis:** Wenn Maven im Terminal erfolgreich durchläuft, IntelliJ aber weiterhin Fehler anzeigt, liegt das Problem häufig an der IntelliJ-Projektkonfiguration und nicht an den Abhängigkeiten selbst. 118 - 119 -Man kann auch versuchen, die Caches von IntelliJ einmal zu löschen: File → Invalidate Caches → Invalidate and Restart 120 - 121 -Falls es immer noch Problem gibt: Es gibt eine erweiterte Checkliste: [[Basisprojekt Checkliste>>doc:.Basisprojekt Checkliste.WebHome]] 122 - 123 -== Server starten == 124 - 125 125 Den Serverbereich aufklappen und dort auf die Datei ServerApp mit der rechten Maustaste klicken. 126 126 127 127 [[image:1755246035428-328.png]] 128 128 129 129 130 - FallsIntelliJnach dem Start AnnotationProcessingfürLombokanbietet,aktivierenSie es. Ohne korrekteingerichtetesLombokbzw. AnnotationProcessingwerdenÄnderungengegebenenfalls erstnach einemerneutenMaven-Buildkorrekt erkannt.89 +... und ggf. Lombok aktivieren (Man wird nach dem Start der Anwendung gefragt). WICHTIG! Wenn das Lombok-Plugin nicht installiert und die folgende Funktion nicht aktiviert ist, muss jede Änderung mit Hilfe von Maven passieren. 131 131 132 132 [[image:1755246072443-191.png]] 133 133 ... ... @@ -137,7 +137,6 @@ 137 137 138 138 == Logging umstellen == 139 139 140 -{{expandable summary="Schritt-für-Schritt: Logging konfigurieren"}} 141 141 Wenn man möchte, kann man das Logging umstellen. 142 142 143 143 [[image:1755246135109-325.png]] ... ... @@ -147,12 +147,10 @@ 147 147 148 148 149 149 [[image:1755246162330-595.png]] 150 -{{/expandable}} 151 151 152 -== Development -Profil aktivieren ==109 +== Development Profil aktivieren == 153 153 154 -{{expandable summary="Schritt-für-Schritt: Development-Profil aktivieren"}} 155 -Für lokale Tests existiert das Spring-Profil `dev`. Darin werden automatisch vorbereitete Testnutzer (`user1` bis `user9`) angelegt, sodass nicht für jeden Testlauf neue Konten registriert werden müssen. 111 +Damit das Testen einfacher geht, gibt es ein spezielles Spring-Profil. In diesem werden automatisch user1-user9 mit jeweils dem identischen Passwort angelegt und man spart sich die Registierung. 156 156 157 157 Wenn man die Anwendung einmal gestartet hat, kann man dies Configuration anpassen: 158 158 ... ... @@ -161,7 +161,7 @@ 161 161 [[image:1755246173415-934.png]] 162 162 163 163 164 -Wenn die verwendeteIntelliJ-Versionkeine Spring-Unterstützungbietet, kanndasProfil über eine Umgebungsvariable in derServer-Konfigurationgesetztwerden:120 +**Wenn man IntelliJ nicht in der Pro-Version verwendet bzw. das Spring Boot Plugin nicht installiert hat, muss kann man ein Spring-Profil über eine Umgebungsvariable in der Konfiguration des Servers setzen: ** 165 165 166 166 **SPRING_PROFILES_ACTIVE=dev** 167 167 ... ... @@ -168,15 +168,12 @@ 168 168 [[image:1755248752596-839.png]] 169 169 170 170 Danach muss man den Server neu starten! 171 -{{/expandable}} 172 172 173 173 == Client starten == 174 174 175 175 Wenn der Server gestartet ist, kann man mehrere Clients starten. Dafür auf jeden Fall die Klasse Main verwenden. 176 176 177 -{{warning}} 178 -Falls der Start fehlschlägt, prüfen Sie insbesondere die tatsächlich verwendete Java-Version. Für das Basisprojekt wird mindestens **Java 21** benötigt. 179 -{{/warning}} 132 +**Sollte es nun Problem geben, schauen Sie bitte, ob Sie noch eine alte Java-Version auf ihrem System installiert haben. Wir brauchen mindestens Java 21!** 180 180 181 181 [[image:1755246257400-525.png]] 182 182 ... ... @@ -189,19 +189,18 @@ 189 189 190 190 === Mehrere Instanzen des Clients ermöglichen === 191 191 192 -{{expandable summary="Schritt-für-Schritt: mehrere Client-Instanzen starten"}} 193 193 Standardmäßig erlaubt IntelliJ nicht das Starten mehrerer Clients. Man könnte nun mehrere Configurations für den Client anlegen. Man kann aber auch in der Konfiguration unter "Modify options" den Haken bei "Allow multiple instances" setzen. Dann kann eine beliebige Anzahl von Clients gestartet werden. 194 194 195 195 [[image:1755246233218-893.png]] 196 196 197 197 198 - Falls dieAnmeldungeinesvorbereitetenTestnutzersfehlschlägt, prüfen Sie insbesondere,obdas`dev`-Profil aktivistundderBenutzer angelegtwurde.Läuftder Server nicht,erscheintin derRegel eine andere Fehlermeldung.150 +Wenn folgendes kommt, ist entweder das "dev" Profil nicht aktiviert, der Nutzer wurde nicht angelegt. Wenn der Server nicht läuft, gibt es eine andere Fehlermeldung. 199 199 200 200 [[image:1755246292057-581.png]] 201 -{{/expandable}} 202 202 203 -= Überblick über das Basisprojekt = 204 204 155 += Kurzer Blick ins Basisprojekt = 156 + 205 205 [[image:1755249096987-249.png]] 206 206 207 207 ... ... @@ -208,27 +208,21 @@ 208 208 [[image:1755249136156-419.png]] 209 209 210 210 211 -== Projektstruktur==163 +== Screenshots == 212 212 213 213 [[image:1755249228556-469.png]] 214 214 215 215 216 -= Kommunikation vomClientzumServer:REST=168 += Kommunikation Client ~-~-> Server = 217 217 218 218 [[image:1755249285866-367.png]] 219 219 220 - FürklassischeRequest/Response-Operationenverwendet dasBasisprojekt **RESTüberHTTP**.Als Austauschformatwird **JSON** verwendet. Die zentrale Spiellogik verbleibt auf dem Server.172 +Der Server verwendet das REST-Protokoll und als Austauschformat JSON 221 221 222 222 = OpenAPI = 223 223 224 -{{info}} 225 -Die grafische OpenAPI-Darstellung hängt von der verwendeten IntelliJ-Edition und den installierten Plugins ab. Falls sie nicht verfügbar ist, kann ein geeignetes OpenAPI-Plugin installiert werden. 226 -{{/info}} 176 +(Hinweis: Ich bin nicht sicher, ob IntelliJ diese Darstellung auch hat, wenn man nicht die Ultimate Version verwendet. Ggf. muss man das OpenAPI-Plugin installieren) 227 227 228 -{{info}} 229 -Es gibt (als Beta-Version) ein Plugin für IntelliJ mit dem die Berbeitung, gerade zu Anfang hoffentlich etwas einfacher funktioniert. Zu finden ist das Plugin hier: https://swl.informatik.uni-oldenburg.de/swp/downloads/openapi/ (Achtung! Muss von der Platte installiert werden. Siehe https://www.jetbrains.com/help/idea/managing-plugins.html#install_plugin_from_disk 230 -{{/info}} 231 - 232 232 [[image:1755250026156-269.png]] 233 233 234 234 [[image:1755250050031-304.png]] ... ... @@ -235,12 +235,12 @@ 235 235 236 236 * **Paths**: Endpunkte der API (z.B. /users, /lobbies). 237 237 * **Operations**: Spezifikation von Methoden wie GET, POST. 238 -* ** Schemas**: Beschreibungder DatenstrukturenfürEin- und Ausgaben.184 +* **Definitions**: Detaillierte Beschreibung von Eingabe- und Ausgabestrukturen. 239 239 * **Security**: Authentifizierungsmechanismen. 240 240 241 241 [[image:1755250061990-172.png]] 242 242 243 - OpenAPI-Dokumentekönnen inJSON oder YAMLformuliertwerden. **YAML** steht heuterekursivfür „YAML Ain't Markup Language“und istfür menschenlesbareKonfigurations-und Beschreibungsdateienhäufigkompakterals JSON.189 +Kann JSON oder YAML (Yet Another Markup Language) verwenden YAML ist wie JSON nur mit weniger Klammern 244 244 245 245 [[image:1755250157536-746.png]] 246 246 ... ... @@ -251,15 +251,15 @@ 251 251 252 252 = Maven und OpenAPI = 253 253 254 -Die OpenAPI -Datei kann verwendet werden, umTeileder[[REST-Schnittstelle>>doc:Main.Basisprojekt.WebHome||anchor="HErweiterungderREST-Schnittstelle"]]zugenerieren. DafürwirdderOpenAPI Generatoreingesetzt[[https:~~/~~/github.com/OpenAPITools/openapi-generator>>https://github.com/OpenAPITools/openapi-generator]]200 +Die OpenAPI Datei kann verwendet werden, um sich die [[REST-Schnittstellen>>doc:||anchor="HErweiterungderREST-Schnittstelle"]] generieren zu lassen. Diese Erzeugung erfolgt mit dem OpenAPI Generator [[https:~~/~~/github.com/OpenAPITools/openapi-generator>>https://github.com/OpenAPITools/openapi-generator]] 255 255 256 - Die Generierungkannüberdie Kommandozeile erfolgen;im Basisprojektist sie bereits inden Maven-Buildintegriert.202 +Man kann dabei jetzt einen Kommandozeilenaufruf verwenden oder man setzt auf das im Basisprojekt vorhandene MVN () 257 257 258 258 Dafür ist in den Maven-Dateien bereits das OpenAPI Generator Plugin integriert. Da im Client und im Server unterschiedliche Arten verwendet werden, erfolgt die Konfiguration im Client und im Server unterschiedlich: 259 259 260 260 == Client == 261 261 262 -Im Java-Client wirdeinHTTP-Clientfür denZugriffauf die generierteAPIverwendet.208 +Im Client werden die Apache Http Bibliothek verwendet. 263 263 264 264 265 265 [[image:1756887005209-855.png]] ... ... @@ -266,24 +266,27 @@ 266 266 267 267 == Server == 268 268 269 - AufderServerseitewerdenSpring-/Spring-Boot-kompatibleSchnittstellenundController-Strukturen generiert.215 +Im Server wird Spring (Boot) verwendet 270 270 271 271 [[image:1756887037619-847.png]] 272 272 273 -{{info}} 274 -Weiterführende technische Konzepte des Basisprojekts sind insbesondere **Lombok**, **Dependency Injection** und **Spring Boot**. Für Spring bietet z. B. der folgende Leitfaden eine ausführlichere Einführung: [[Spring Framework Guide>>url:https://www.marcobehler.com/guides/spring-framework]]. 275 -{{/info}} 219 +TODO: Weitere Informationen zu 276 276 221 +- Lombok 277 277 223 +- Dependency Injection 278 278 225 +- Spring (Boot), siehe auch [[https:~~/~~/www.marcobehler.com/guides/spring-framework>>https://www.marcobehler.com/guides/spring-framework]] 226 + 227 + 228 + 279 279 = Erweiterung der REST-Schnittstelle = 280 280 281 -{{expandable summary="Ausführliches Beispiel: REST-Schnittstelle erweitern"}} 282 282 In diesem Beispiel wird einmal gezeigt, wie die REST-Schnittstelle des Basisprojektes einfach erweitert werden kann. 283 283 284 284 In diesem Beispiel soll die aktuelle Schnittstelle um die Möglichkeit erweitert werden, alle Lobbies vom Server zu bekommen. 285 285 286 -== Schritt 1: OpenAPI-Dokument erweitern==235 +== Schritt 1: Erweitere das OpenAPI-Dokument == 287 287 288 288 Um diese neue Funktion sowohl im Client als auch im Server verwenden zu können, ist es notwendig, diese neue Funktion im OpenAPI-Dokument zu definieren. 289 289 ... ... @@ -317,9 +317,9 @@ 317 317 318 318 Hinweis: Niemals Änderungen unterhalb des target-Ordners machen. Das wird von Maven bei clean gelöscht. 319 319 320 -=== Wo wirddieeigentliche Funktionalitätimplementiert? ===269 +=== Wie bekommt man dann aber nun die Funktionalität rein? === 321 321 322 -Für jeden API-Bereich(z.B.`lobbies`und`users`) werdenserverseitigtypischerweise mehrere Schnittstellen bzw.Klassengeneriert:271 +Für jeden Endpunkt (also aktuell lobbies und users) werden drei Interfaces/Klassen erzeugt: 323 323 324 324 * *Api (z.B, LobbiesApi): Beschreibung der REST-Methoden, vor allem auch das Mapping von z.B. /lobbies/join auf die Methode lobbyJoin(String) 325 325 * ((( ... ... @@ -326,7 +326,7 @@ 326 326 *ApiController implements *Api (Für Spring) (z.B. LobbiesApiController) 327 327 ))) 328 328 * ((( 329 -* `*ApiDelegate`(z.B.`LobbiesApiDelegate`):Delegationsschnittstelle.DiefachlicheImplementierungerfolgt**im eigenen,nichtgeneriertenCode**.278 +*ApiDelegate (z.B. LobbiesApiDelegate): Macht die eigentliche Arbeit und muss** im eigenen Code-Bereich** erweitert werden! 330 330 ))) 331 331 332 332 ... ... @@ -337,7 +337,7 @@ 337 337 338 338 [[image:1756888762381-912.png||height="48" width="789"]] 339 339 340 - Für diefachliche UmsetzungwirdeineigenerServicebzw.einepassendeDelegate-Implementierungverwendet.SolldieKlassevonSpringverwaltetwerden,musssiealsSpring-Komponente imApplication Contextregistriert sein.289 +Wenn man einen neuen Endpunkt definiert, muss man auch einen neuen Service definieren. (Hinweis: Der Service muss eine Spring Komponenten sein, damit sie in den Spring Context aufgenommen wird). 341 341 342 342 In der Klasse muss man dann die neue Methode lobbyList aus der API überschreiben. 343 343 ... ... @@ -361,7 +361,7 @@ 361 361 362 362 === LobbyMapping === 363 363 364 -Da interne Serverobjektehäufig in DTOsüberführtwerden müssen,verwendetdas Basisprojekt**MapStruct**. DieDTOswerdeninderRegel ausderOpenAPI-Beschreibung generiert; dasMapping zwischeninternem Modell undDTO wirdimeigenenCodedefiniert.313 +Da man relativ oft Server-Objekt in DTO umwandeln muss gibt es im Basisprojekt MapStruct. Damit muss man nur die DTO-Klasse anlegen (i.d.R. über OpenAPI!!) 365 365 366 366 Also z.B. 367 367 ... ... @@ -375,9 +375,7 @@ 375 375 376 376 == Schritt 3: Erweiterung auf Client-Seite (Java) == 377 377 378 -{{info}} 379 -Dieses Beispiel bezieht sich auf den Java-Client. Bei Web-Clients, z. B. mit Angular oder React, unterscheidet sich die konkrete technische Integration; der OpenAPI-Vertrag bleibt jedoch derselbe. 380 -{{/info}} 327 +Hinweis: Das Beispiel bezieht sich hier auf eine Client mit Java. Für andere Clients wie Angular ist das Vorgehen anders. 381 381 382 382 Auf der Client-Seite wird die komplette Kommunikation mit dem Server in der generierten Klasse DefaultApi gekapselt. 383 383 ... ... @@ -398,13 +398,13 @@ 398 398 [[image:1756890010118-149.png||height="116" width="972"]] 399 399 400 400 Anmerkung: Obwohl DefaultApi alle Funktionen zum Server kapselt, sollte man im Client spezifische Services für bestimmte Bereich haben, die diese Klasse verwenden. Das führt zu einer besseren Trennung von Funktionalitäten im Code. 401 -{{/expandable}} 402 402 403 -= Asynchrone Kommunikation zum Client: WebSockets = 404 404 350 += Kommunikation: Server ~-~-> Client (WebSockets) = 351 + 405 405 [[image:1756890800817-370.png||height="604" width="1121"]] 406 406 407 - FürklassischeREST-AufrufeinitiiertderClientdieAnfrage.MussderServer Clients**asynchron über Ereignisseoder Zustandsänderungen informieren**,verwendet dasBasisprojekt WebSockets.354 +Da man mit REST nicht Nachrichten vom Server an den Client schicken kann, werden im Basisprojekt dafür WebSockets verwendet. 408 408 409 409 Spring bietet eine native Unterstützung von WebSockets. Für eigene Funktionen kann man sich in die Kommunikation über die Serverklasse WebSocketHandler einklinken 410 410 ... ... @@ -431,25 +431,47 @@ 431 431 432 432 == STOMP == 433 433 434 -WebSocket stellteinenbidirektionalenKommunikationskanal bereit. Für einestrukturierte NachrichtenkommunikationverwendetdasBasisprojektdarüber **STOMP (Streaming TextOriented Messaging Protocol)**.381 +WebSockets haben kein Protokoll (wie z.B. http) 435 435 436 - STOMPdefiniertu. a. Operationenwie`CONNECT`,`SEND` und`SUBSCRIBE` undarbeitetmit Topics. EinClientkannein Topic abonnierenunderhält anschließendNachrichten,die der Serveraufdiesem Topic veröffentlicht.383 +Es können entweder binäre oder textuelle Daten verarbeitet werden (die jeweiligen Gegenstellen müssen das wissen!) 437 437 385 +Wenn man jetzt mehr als nur Text verschicken möchte, muss man sich überlegen, wie man Objekte z.B. mit JSON serialisiert (analog zu REST) 438 438 439 - VeröffentlichtderServer eine Nachricht auf einemTopic,erhaltensie die dafürregistriertenClients. DiesesModell entsprichtdem **Publish/Subscribe-Pattern**.387 +STOMP: Streaming Text Oriented Messaging Protocol 440 440 389 +Definiert ein einfaches Protokoll, welches es erlaubt, sinnvoll über WebSockets zu kommunizieren 390 + 391 +Ist ein Teil von Spring 392 + 393 +Methoden sind z.B. CONNECT, SEND oder SUBSCRIBE 394 + 395 +STOMP arbeitet mit Topics 396 + 397 +Ein Client registriert (SUBSCRIBE) sich für bestimmte Ereignistypen 398 + 399 + 400 +§Wenn auf der Server-Seite dieser Typ veröffentlich wird dann wird dies an die jeweils interessierten Clients geschickt 401 + 402 +Publish/Subscribe-Pattern 403 + 441 441 [[https:~~/~~/docs.spring.io/spring-framework/reference/web/websocket/stomp.html>>url:https://docs.spring.io/spring-framework/reference/web/websocket/stomp.html]] 442 442 443 443 444 -Der Server definiert je nach fachlichem Bereichunterschiedliche Topics.Für das Nutzermanagementsindbeispielsweise vorgesehen:407 +§Der Server definiert unterschiedliche Topics (je nach Modul) 445 445 446 -* `/topic/users/loggedIn`: Ein Nutzer hat sich angemeldet. 447 -* `/topic/users/loggedOut`: Ein Nutzer hat sich ausgeloggt. 409 +§Beim Nutzermanagement aktuell: 448 448 411 +§/topic/users/loggedIn: Es hat sich ein neuer Nutzer angemeldet 412 + 413 +§/topic/users/loggedOut: Ein Nutzer hat sich ausgeloggt 414 + 415 + 449 449 [[image:1756891125969-748.png||height="317" width="726"]] 450 450 451 -Topic-Namen sind Strings, sollte nabereinem konsistentenfachlichenNamensschema folgen.Für Lobby-Ereignissebietet sich entsprechend `/topic/lobbies/...` an.418 +§Topic-Namen sind Strings, sollte aber Aufbau von oben entsprechen 452 452 420 +§In der Lobby würde es stattdessen /topic/lobbies/* heißen 421 + 453 453 == WebSockets: Versenden von Nachrichten == 454 454 455 455 [[image:1756891180516-843.png||height="426" width="801"]] ... ... @@ -461,28 +461,27 @@ 461 461 [[image:1756891254830-647.png||height="101" width="777"]] 462 462 463 463 * message kann grundsätzlich alles sein, was serialisiert werden kann 464 -* Technischkönnte Java-Serialisierung verwendet werden;dasalte Basisprojekthat diesteilweise getan.433 +* Man könnte nun einfach die Java-Serialisierung verwenden (im alten Basisprojekt ist das auch so) 465 465 * Das hat aber eine Reihe von Nachteilen 466 466 ** Der Empfänger muss dafür unbedingt auch ein Java-Client sein und er muss exakt dieselbe Klasse bei sich haben, damit der das Objekt wieder zurück in ein Java-Objekt umwandeln kann 467 467 ** Es gibt eine Reihe von Sicherheitsproblemen 468 -* Besser isteintechnologieunabhängigeres Austauschformat.Im Basisprojektwird deshalbJSON verwendet.437 +* Besser: Definiere ein gemeinsames Austauschformat, was viele verstehen ~-~-> Im Basisprojekt (und in vielen anderen Projekten auch) JSON verwenden 469 469 * Insbesondere Web-Clients (JavaScript) bieten hervorragende Möglichkeiten, an JSON zu verarbeiten 470 470 * Client und Server haben sich damit auf Format für den Austausch geeinigt 471 471 ** Topic: Strings 472 472 ** Message: JSON 473 473 474 -A uchüberWebSocketswerden anClients nurgeeigneteDTOsübertragen; interne Serverobjektebleibenserverintern.443 +An den Clilent werden auch bei WebSockets nur DTOs verschickt! (userMapping) 475 475 476 476 [[image:1756891375095-158.png||height="266" width="775"]] 477 477 478 478 == Wie verbindet sich ein Client mit dem Server? == 479 479 480 -{{expandable summary="Technische Details zum Verbindungsaufbau"}} 481 -Der `UserService` bietet die Anmeldung an. Im Basisprojekt erfolgt sie beim Aufbau der WebSocket-/STOMP-Verbindung; die Zugangsdaten werden dabei über die bestehende Sicherheitskonfiguration geprüft. 449 +UserService bietet eine Methode zum Login an. Diese ruft nun aber keine REST-Endpunkt auf (da man sich sowieso bei JEDEM Aufruf authentifizieren muss, macht so ein Endpunkt kein Sinn). Stattdessen wird die Verbindung mit dem WebSocket hergestellt und dort Nama und Passwort überprüft. 482 482 483 483 [[image:1756891512330-186.png||height="170" width="820"]] 484 484 485 -=== Auf Client-Seite:WebSocketConnectionManager ===453 +=== Auf Server Seite (WebSocketConnectionManager): === 486 486 487 487 [[image:1756891551794-161.png||height="387" width="1019"]] 488 488 ... ... @@ -494,7 +494,7 @@ 494 494 495 495 4) Jackson als Mapper definieren (DTO-Object <-> JSON) 496 496 497 -[[image:1756891617399-232.png||height="289" width="1006"]] 465 +=== [[image:1756891617399-232.png||height="289" width="1006"]] === 498 498 499 499 500 500 1) Asynchron die Verbindung zum Server aufbauen ... ... @@ -504,13 +504,3 @@ 504 504 3) Über den Kontext ein Event pushen LoggedInEvent 505 505 506 506 4) Jede Serververbindung hat eine Session 507 -{{/expandable}} 508 - 509 -= Siehe auch = 510 - 511 -* [[Stichwortverzeichnis>>doc:Main.Index.WebHome]] 512 -* [[Glossar>>doc:Main.Glossar.WebHome]] 513 -* [[Basisprojekt FAQ>>doc:Main.Basisprojekt.Basisprojekt FAQ.WebHome]] 514 -* ((( 515 -[[Basisprojekt Checkliste>>doc:.Basisprojekt Checkliste.WebHome]] 516 -)))
- 1792324965203-193.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.mgrawunder - Size
-
... ... @@ -1,1 +1,0 @@ 1 -29.6 KB - Content
- 1792748594897-686.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.cwelsch - Size
-
... ... @@ -1,1 +1,0 @@ 1 -44.4 KB - Content
- 1792748661578-664.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.cwelsch - Size
-
... ... @@ -1,1 +1,0 @@ 1 -92.0 KB - Content