익스프레스 시작하기

13511 단어 programmingjavascript


Node.js는 오픈 소스 및 교차 플랫폼 런타임 환경으로 서버 측과 클라이언트에서 동일한 프로그래밍 언어를 사용할 수 있으므로 Node.js의 가장 유용한 장점인 서버에서 JavaScript를 작성할 수 있습니다. -사이드 애플리케이션. 또한 V8 JavaScript 엔진에서 실행되므로 성능이 뛰어납니다.

그리고 NodeJs에 가장 인기 있는 프레임워크 중 하나는 오늘 이 블로그의 주제입니다. Express Express는 서버 측 자바스크립트를 더 쉽게 작성할 수 있도록 node.js 위에 작성되었습니다.

그래서 오늘 우리가 할 일은 매우 기본적인 REST API를 구축하는 것입니다.

시작하기 전에 설치하지 않은 경우 이러한 항목이 있는지 확인하십시오.
  • Node.js가 설치되었습니다. here에서 설치할 수 있습니다.
  • 좋아하는 편집기. 저는 VS Code를 사용합니다. here에서 설치할 수 있습니다.
  • Postman이 설치되었습니다. here에서 설치하세요.

  • 우선 작업 환경을 준비하겠습니다.폴더를 생성하여 시작하겠습니다.

    C:\Users\ameni>mkdir our_project
    



    C:\Users\ameni>cd our_project
    


    이제 이 명령을 사용하여 새 node.js 프로젝트를 만듭니다.

    C:\Users\ameni\our_project> npm init -y
    


    이제 해야 할 일은 편집기에서 폴더를 여는 것입니다. VS Code의 경우 이 명령을 사용할 수 있습니다.

    C:\Users\ameni\our_project>code
    


    터미널은 이제 다음과 같아야 합니다.


  • 이제 Express 프레임워크를 설치하여 시작하겠습니다
  • .

    터미널을 열고 이 명령을 실행하십시오.

    npm install express
    


  • 이제 index.js라는 파일을 만들고 코드를 시작합니다. 따라서 express를 가져와서 express.json을 사용하고 Hello world 텍스트를 보내고 마지막으로 내보냅니다!

  • const express = require("express");
    const app = express();
    app.use(express.json());
    app.use("/", (req, res) => res.send("Hello world!"));
    module.exports = app;
    


  • 이제 코드를 깔끔하게 유지하기 위해 server.js 라는 또 다른 파일을 생성하겠습니다. 앱 모듈을 가져오고 애플리케이션이 작동할 포트를 생성하고 앱을 시작합니다.

  • const app = require("./index");
    const port = 8000;
    
    app.listen(port, () => {
    
    console.log(`App running on ${port}...`);
    
    });
    


    이제 서버를 실행하자

    node server.js
    


    http://localhost:8000/에 Hello World가 표시됩니다.


  • 이제 우리가 할 일은 개인의 정보를 생성, 읽기, 업데이트 및 삭제하는 간단한 응용 프로그램을 구축하여 좀 더 흥미로운 것을 만드는 것입니다.

  • 이를 위해 Post, Get, Patch 및 Delete 메서드를 사용할 것입니다.
  • 따라서 사람의 배열을 포함하는 person이라는 변수를 생성합니다
  • .
  • get 요청으로 모든 사람을 검색하여 응답으로 보냅니다
  • .
  • post 요청을 사용하여 새 사람을 person 배열에 푸시합니다
  • .
  • 사람 ID로 사람 배열을 필터링하여 사람을 삭제하는 삭제 메소드
  • 마지막으로 패치 요청과 사람 ID를 사용하여 사람을 업데이트합니다.

  • app.get("/person", (req, res) => {
      res.json(person);
    });
    



    app.post("/person", (req, res) => {
      const body = req.body;
      person.push(body);
      res.json(body);
    });
    



    app.delete("/person/:id", (req, res) => {
      const id = req.params.id;
      const filtredPerson = person.filter((value, index) => index != id);
      person = filtredPerson;
      res.json(filtredPerson);
    });
    



    app.patch("/person/:id", (req, res) => {
      const id = req.params.id;
      const body = req.body;
      person[id] = body;
      res.json( person);
    });
    


  • 이제 코드를 테스트하기 위해 Postman
  • 을 사용할 것입니다.



    사람을 추가하려면 이 게시물 요청을 보냅니다.



    우리가 가지고 있는 데이터를 얻기 위해 이 요청을 보냈습니다.



    이 사람의 나이를 업데이트하기 위해 패치 요청을 보냈습니다.



    마지막으로 데이터를 삭제하기 위해 삭제 요청을 보냈습니다.

    위의 모든 내용에서 본문에 요청을 보냈습니다. 이제 쿼리를 사용하려면 어떻게 해야 합니까?

    우리가 해야 할 일은 이것뿐입니다.
  • 코드에서

  • app.get("/person", (req, res) => {
      const { personId } = req.query;
      person[personId] = body;
      res.json(Person);
    });
    


  • 우체부에서


  • 그래서 여기에서 본문에 요청을 보내는 대신 req.query를 사용하여 데이터를 얻었습니다.

    그리고 이것이 이 블로그의 전부입니다. 나는 당신이 이것을 읽고 연습함으로써 한두 가지를 배웠기를 바랍니다.
    이 글에 잘못된 부분이 있으면 알려주세요. 수정하고 개선하고 싶습니다.

    좋은 웹페이지 즐겨찾기