HINWEIS: Dieses Repository enthält eine Beispielanwendung für die Vorlesung "Web Anwendungen 2" an der Hochschule Albstadt-Sigmaringen.
Ziel ist es, zeitgemäße Softwareentwicklungszyklen mithilfe von git, GitHub, Softwaretests, CI/CD-Pipelines, Feature-Branches, CodeReviews und PullRequests aufzuzeigen.
$ npm install
$ npm run startÖffnen Sie dann einen Browser auf http://localhost:3000/todo.html.
Um die Multi-User-Synchronisation zu sehen, müssen sie die WebSeite am besten in zwei Browsern gleichzeitig öffnen.
Mit dem Tool websocat können Sie sich zum WebSocket-Server auch via Kommandozeilen-Client verbinden. Dort werden dann die JSON-Nachrichten direkt auf der Konsole angezeigt, immer wenn ein Todo-Item hinzugefügt oder gelöscht wird.
$ websocat ws://localhost:3000/live-updates/Das Programm können Sie jederzeit mit ctrl+c beenden.
Serverseitig wird das Node.JS Modul ws eingesetzt.
Auf Clientseite wird die standard Browser-API für Websockets verwendet.
Die Tests können mit npm test ausgeführt werden.
Während der Entwicklung können die Tests im sogenannten "watch mode" ausgeführt werden: npm test -- -w. Dadurch wird bei jedem speichern automatisch der Test ausgeführt.
Zusätzlich zu den Tests, kann auch die sog. Testabdeckung ermittelt werden. Dazu kann einfach das Kommando npm run cover verwendet werden. Danach findet sich in ./coverage/index.html ein sog. coverage report. Dieser zeigt auf, welche Zeilen des Quellcodes durch die Ausführung der Tests erreicht wurden.
- Tests zeigen
- lokal ausführen
- watch mode
- Fehler provozieren
- Lokal neuen Branch erzeugen
- "Fehlerhafte" Änderung durchführen
- Commiten und pushen
- Pull-Request auf GitHub erzeugen
- Pipeline-Ergebnis zeigen
- Fehler beheben
- CodeReview
- Merge in
main
- Testabdeckung zeigen
npx nyc mochanpm run cover- Coverage-Report in
./coveragezeigen - Coverage-Report in Workflow-Artifacts zeigen
- Sven Eppler