Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung
Nächste Überarbeitung		 Vorherige Überarbeitung
talit:web:webapps:server [2026-08-28 13:54] – [Vier Gewinnt mit Server] hoftalit:web:webapps:server [2026-08-31 15:13] (aktuell) – [Server-Side Vier-Gewinnt] hof
Zeile 21: Zeile 21:
  
 {{ :talit:web:webapps:connect4_component_diagram.svg?600&nolink |}} {{ :talit:web:webapps:connect4_component_diagram.svg?600&nolink |}}
- 
- 
 ### Installation von node.js und express ### Installation von node.js und express
  
   * Node.js installieren:   * Node.js installieren:
-    * https://nodejs.org/en/download/prebuilt-installer+    * https://nodejs.org/en/download
   * Projekt initialisieren:   * Projekt initialisieren:
     * Eine Eingabeaufforderung **im Ordner der Webapp** öffnen.     * Eine Eingabeaufforderung **im Ordner der Webapp** öffnen.
Zeile 52: Zeile 50:
  
 // Listen on the given port // Listen on the given port
-app.listen(port, () => { +const server = app.listen(port, () => { 
-    console.log(`Example app listening on port ${port}`)+    console.log(`Example app listening on http://localhost:${server.address().port}/`)
 }) })
 </code> </code>
Zeile 66: Zeile 64:
 app.get('/hello/:name', (req, res) => { app.get('/hello/:name', (req, res) => {
     let name = req.params['name']     let name = req.params['name']
-    res.send(`Hello ${name}!``)+    res.send(`Hello ${name}!`)
 }) })
 </code> </code>
Zeile 81: Zeile 79:
  
 Ausprobieren: Node neu starten und den URL http://localhost:3001/0/connect4.html laden - unser HTML + CSS sollte korrekt angezeigt werden! Allenfalls ist der Port 3001 bereits besetzt, dann muss ein anderer Port gewählt werden. Ausprobieren: Node neu starten und den URL http://localhost:3001/0/connect4.html laden - unser HTML + CSS sollte korrekt angezeigt werden! Allenfalls ist der Port 3001 bereits besetzt, dann muss ein anderer Port gewählt werden.
- 
 ### Server-Side Vier-Gewinnt ### Server-Side Vier-Gewinnt
  
Zeile 124: Zeile 121:
  
 app.get('/:gameid/game', (req, res) => { app.get('/:gameid/game', (req, res) => {
-    return the_game;+    res.json(the_game);
 }) })
  
  • talit/web/webapps/server.1787925269.txt.gz
  • Zuletzt geändert: 2026-08-28 13:54
  • von hof