krouzek:expressjs

Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

Odkaz na výstup diff

Obě strany předchozí revize Předchozí verze
Následující verze		 Předchozí verze
krouzek:expressjs [2023/10/31 21:07] – adminkrouzek:expressjs [2023/11/15 20:54] (aktuální) – upraveno mimo DokuWiki 127.0.0.1
Řádek 1: Řádek 1:
 +==== Úkol ====
 +  * Vyzkoušejte si vytvořit vlastní ExpressJS aplikaci ([[krouzek:nodejs|běží na NodeJS]]) - viz návod (1)
 +  * Sami si najděte ''%%curl%%'' příkazy pro testování svých POST a GET endpointů, případně zkuste v Nástrojích pro vývojáře v prohlížeči.
 +  * **Jak správně strukturovat ExpressJS projekt? Představte si, že bude mít endpointů třeba 100!** - viz návod (2)
 +  * Teď ukládáme všechna data čistě do paměti (in-memory). Jaká je hlavní nevýhoda? Na jakou aplikaci je to v pořádku využít a kde by to již vadilo?
 +    * Kam budeme směřovat? **Databáze**!
 +
 +
 +===== (1) ExpressJS aplikace =====
 +
 > Write a step-by-step tutorial how to create an ExpressJS application with two example routes, GET and POST interacting via JSON. Make that a POST game/ to create new game and GET game/:id to query the game state. > Write a step-by-step tutorial how to create an ExpressJS application with two example routes, GET and POST interacting via JSON. Make that a POST game/ to create new game and GET game/:id to query the game state.
  
Řádek 47: Řádek 57:
  
 Create a POST route to create a new game. This route will accept JSON data and generate a unique game ID. Create a POST route to create a new game. This route will accept JSON data and generate a unique game ID.
-<code javascript> +<code javascript>app.use(express.json())
-app.use(express.json());+
  
 app.post('/game', (req, res) => { app.post('/game', (req, res) => {
-const newGameId = gameIdCounter++; +    const newGameId = gameIdCounter++ 
-const newGame = { +    const newGame = { 
-id: newGameId, +        id: newGameId, 
-state: 'New', // You can initialize the state as needed +        state: 'New', // You can initialize the state as needed 
-}; +    } 
-games[newGameId] = newGame; +    games[newGameId] = newGame 
-res.status(201).json(newGame); +    res.status(201).json(newGame) 
-});+})
 </code> </code>
  
 Create a GET route to query the game state by ID. Create a GET route to query the game state by ID.
  
-<code javascript> +<code javascript>app.get('/game/:id', (req, res) => { 
-app.get('/game/:id', (req, res) => { +    const gameId = parseInt(req.params.id) 
-const gameId = parseInt(req.params.id); +    const game = games[gameId] 
-const game = games[gameId]; +    if (game) { 
-if (game) { +        res.json(game) 
-res.json(game); +    } else { 
-} else { +        res.status(404).json({ error: 'Game not found' }) 
-res.status(404).json({ error: 'Game not found' }); +    } 
-} +})
-});+
 </code> </code>
  
Řádek 80: Řádek 88:
 <code javascript> <code javascript>
 app.listen(port, () => { app.listen(port, () => {
-echo "Server is running on port ${port}";+    echo "Server is running on port ${port}";
 }); });
 </code> </code>
Řádek 100: Řádek 108:
  
 That's it! You've created an Express.js application with two example routes (GET and POST) that interact via JSON to manage a simple game state. You can expand upon this foundation to build more complex applications with Express.js. That's it! You've created an Express.js application with two example routes (GET and POST) that interact via JSON to manage a simple game state. You can expand upon this foundation to build more complex applications with Express.js.
- 
  
  
 ---- ----
-==== Co dál? ==== +===== (2) Strukturování ExpressJS aplikace =====
-  * Sami si najděte ''%%curl%%'' příkazy pro testování svých POST a GET endpointů, případně zkuste v Nástrojích pro vývojáře v prohlížeči. +
-  * **Jak správně strukturovat ExpressJS projekt? Představte si, že bude mít endpointů třeba 100!** +
  
 > Write a beginner guide to structure a ExpressJS project. Explain idea of controller and model. Mention view but do not elaborate, as we're about to create API application only. In which folders to put the source files? Show example route file and controller. > Write a beginner guide to structure a ExpressJS project. Explain idea of controller and model. Mention view but do not elaborate, as we're about to create API application only. In which folders to put the source files? Show example route file and controller.
Řádek 157: Řádek 162:
  
 const createGame = (req, res) => { const createGame = (req, res) => {
-const newGameId = gameIdCounter++; +    const newGameId = gameIdCounter++; 
-const newGame = { +    const newGame = { 
-id: newGameId, +        id: newGameId, 
-state: 'New', // Initialize the state as needed +        state: 'New', // Initialize the state as needed 
-}; +    }; 
-games[newGameId] = newGame; +    games[newGameId] = newGame; 
-res.status(201).json(newGame);+    res.status(201).json(newGame);
 }; };
  
 const getGame = (req, res) => { const getGame = (req, res) => {
-const gameId = parseInt(req.params.id); +    const gameId = parseInt(req.params.id); 
-const game = games[gameId]; +    const game = games[gameId]; 
-if (game) { +    if (game) { 
-res.json(game); +        res.json(game); 
-} else { +    } else { 
-res.status(404).json({ error: 'Game not found' }); +        res.status(404).json({ error: 'Game not found' }); 
-}+    }
 }; };
  
 module.exports = { module.exports = {
-createGame, +    createGame, 
-getGame,+    getGame,
 }; };
 </code> </code>
Řádek 185: Řádek 190:
  
 This structure provides separation of concerns, making your project more organized and easier to maintain as it grows. The controller handles the application's logic, and the model can be extended to interact with a database if needed in the future. This structure provides separation of concerns, making your project more organized and easier to maintain as it grows. The controller handles the application's logic, and the model can be extended to interact with a database if needed in the future.
 +
 +-----
 +
 +
  
  • krouzek/expressjs.1698786450.txt.gz
  • Poslední úprava: 2023/11/15 20:54
  • (upraveno mimo DokuWiki)