NodeJS, Express 및 MongoDB를 포함한 API Rest 개발자: #2 월 프리미어 서버

Maintenant que j'ai préparé mon projet ExpressJS, je peux m'ateler à créer mon premier serveur.

Toujours dans mon terminal, sous le dosser blitz-node/ ou un autre nom si jamais t'as choisis autre selected que ce que je proposal (bravo!).

Sous Visual Studio Code, je crée un fichier server.js . Je는 ce code-ci를 충족합니다.

// 1. J'importe ExpressJS ainsi que JSON
import express, { json } from "express"

// 2. J'initialise une nouvelle application Express
const app = express()

// 3. J'utilise le plugin JSON 
// permet de renvoyer des JSON stylés
// plutot que des chaines de caracteres éclatées au sol
app.use(json())

// 4. Lorsque quelqu'un (ou quelqu'une) fait appel à `/`
// comme `http://MON_IP:PORT/`, alors je fais ci et ca
app.get("/", (request, response) => {
  response.statusCode = 200
  response.send({ message: "Mon premier JSON!" })
})

// 5. J'attache mon serveur à un port: le `3000`,
// ca aurait pu etre n'importe quoi d'autre, 1234, 6969 (hhhum...)
app.listen(3000, () => {
  console.log(`Server Started at http://localhost:${3000}`)
})

Maintenant, je vais faire une petite mondification au fichierpackage.json
Lepackage.json permet de faire tout un tas de trucs assez sympas:

Lister mes dépendances comme ca je n'ai pas a me trimbaler un dossier à la con avec mes Dependances

라이브러리 구성기

놈, 정보(osef)

Ma préférée, faire des scripts custom.

Allez, j'ajoute un nouveau script pour démarrer mon serveur:

 "scripts": {
    "start": "nodemon server.js"
  },

Ca ressemble à ca du coup:

{
  "name": "blitz",
  "version": "1.0.0",
  "scripts": {
    "start": "nodemon server.js"
  },
  "dependencies": {
    "dotenv": "^16.0.2",
    "express": "^4.18.1",
    "mongoose": "^6.5.4",
    "nodemon": "^2.0.19"
  },
  "type": "module"
}

Maintenant je peux aller repartir dans mon terminal et lancer tout ce beau monde 🚀:

npm start

J'ai ca dans mon terminal du coup:



니켈, je ne touche à rien, mon serveur tourne normalement, je peux 방문자http://localhost:3000 , j'ai ca:



Pour avoir ce joli formatage, aulieu de ca (eurrk):



J'utilise cette 확장 프로그램: JSON Formatter

Ce qui se passe du coup c'est ceci:



Allez on en rajoute juste une pour la route, mais sans expliquer, un petit peu comme leà suivre à la con dans les 시리즈.

J'ajoute ce bout de code dans monserver.js :

app.get("/champions", (request, response) => {
  response.statusCode = 200
  response.send([{ name: "Graves" }, { name: "Rengar" }])
})

Du coup ca donne ca:

import express, { json } from "express"

const app = express()

app.use(json())

app.get("/", (request, response) => {
  response.statusCode = 200
  response.send({ message: "Mon premier JSON!" })
})

app.get("/champions", (request, response) => {
  response.statusCode = 200
  response.send([{ name: "Graves" }, { name: "Rengar" }])
})

app.listen(3000, () => {
  console.log(`Server Started at http://localhost:${3000}`)
})

Vu que j'ai installé nodemon , je serveur va se refresh automatiquement.

Alors si j'anticipe bien, je dois-m'attendre à la reponse que si je vais surhttp://localhost:3000/champions ?

C'est 정확한 ca!



Allez, on se revois dans la suite: !