노드, Express 및 Postman

API를 만들 때 Node와 Express가 제공하는 자유를 사랑합니다. Ruby on Rails에서 백엔드 여정을 시작한 후 Express에 대한 첫인상은 설치 구조가 부족하여 좋지 않았습니다. 그러나 몇 가지 튜토리얼과 연습 후에 Node와 Express의 아름다움을 보았습니다. Postman의 경우 API 생성 및 서버 테스트를 훨씬 쉽게 해주는 멋진 응용 프로그램입니다. 다운로드하십시오here.
이 블로그의 목적은 Node 및 Express에서 간단한 웹 서버 설정을 보여주고 Postman의 놀라운 기능을 보여주는 것입니다.

노드 및 익스프레스 웹서버 설정

따라서 먼저 Node 및 Express이 설치되어 있는지 확인하십시오. 일단 이것들을 실행하면

npm install --save-dev nodemon 

이렇게 하면 코드에서 변경한 내용과 함께 앱이 지속적으로 업데이트될 수 있습니다. 이제 모든 종속성 설정으로 npm init -y를 실행하고 JSON 파일이 다음과 같은지 확인합니다.

{
  "name": "back_end",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "type": "module",
  "scripts": {
    "start": "nodemon index.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "express": "^4.17.1",
    "uuid": "^8.3.0"
  },
  "devDependencies": {
    "nodemon": "^2.0.4"
  }
}

그래 이제 진짜 시작하자

먼저 index.js 파일과 route라는 폴더를 user.js 파일로 만듭니다. index.js 파일에서 서버를 시작하기 전에 몇 가지를 설정해야 합니다. 먼저 멋진 패키지와 물건을 모두 가져옵니다.

import express from 'express';
import bodyParser from 'body-parser';
import usersRoutes from './routes/users.js';

그런 다음 익스프레스 앱을 만들고 서버를 실행할 포트를 설정해야 합니다.

const app = express();
const PORT = 5000;

서버에서 반환하는 내용에 따라 이 단계가 달라질 수 있습니다. JSON 이외의 것을 사용하려는 경우 문서here를 참조하십시오. 그렇지 않으면 bodyparser.json() 함수와 함께 JSON을 사용하도록 앱을 설정합니다.

app.user(bodyParser.json());

거의 완료되었으며 남은 것은 리스너 기능과 루트 경로를 설정하는 것입니다. 리스너 호출 app.listen()을 설정하려면 PORT 변수를 첫 번째 매개변수로, 서버가 성공적으로 실행될 때 호출할 함수를 두 번째 매개변수로 사용하여 app.listen()을 호출합니다. 루트 경로는 아래와 같이 app.get()을 호출해야 합니다.

app.listen(PORT, () => console.log(`Server running on PORT: http://localhost:${PORT}`));

app.get('/', (req, res) => res.send('Hello from Homepage'))

get 함수의 첫 번째 인수는 경로 이름을 설정합니다. 예를 들어 위의/경로를 설정했습니다. 두 번째 인수는 요청과 응답의 두 인수를 취하는 함수입니다. 요청 인수 또는 req는 웹 페이지로 전송되는 매개 변수이며 나중에 사용자 ID를 얻고 새 사용자를 만드는 방법입니다. 응답 인수 또는 res는 res.send()를 사용하여 브라우저에 정보를 보냅니다. 모든 작업이 완료되면 웹 서버가 설정됩니다.

이제 좋은 일에

이 시점에서 웹 서버는 많은 작업을 수행하지 않습니다. 이 문제를 해결하기 위해 사용자 인덱스, 표시 및 게시 경로를 생성합니다(postman 섹션에서 표시함).
먼저 users.js로 이동하여 몇 가지 항목을 가져옵니다.

import express from 'express';
import { v4 as uuidv4 } from 'uuid'; 

그런 다음 Express 라우터를 설정합니다. 라우터는 인덱스 파일에서 우리 앱과 유사한 미들웨어 및 라우팅 기능을 수행하는 미니 애플리케이션을 생성합니다. 그러나 라우터는 정보를 보내거나 받을 수 없습니다.

const router = express.Router();

인덱스 및 표시 요청이 작동하려면 먼저 user.js 파일에 두 개의 경로를 만들어야 합니다.

const users = []

//using / because we will set up /users in index.js
router.get('/', (req, res) => {
    res.send(users); //displays users in the browser
})

router.get('/:id', (req, res) => {
    const { id } = req.params; //gets parameters from browser
    //namely the :id 
    let foundUser = users.find((user) => user.id === id);
    //gets user from list of users
    if (!foundUser){
        foundUser = {"error" : "User not found"} ;
        //if user not found return error
    }
    res.send(foundUser); //send user to browser
})
router.post('/', (req, res) =>{
    const user = req.body; //get post request content
    users.push({ "id": uuidv4(), ...user}); //add an id 
    res.send(users) //display updated users
})
export default router;

이제 첫 번째 경로는 루트 디렉터리를 과도하게 사용하는 것처럼 보일 수 있지만 그렇지 않습니다. index.js에서 내보낸 사용자 경로를 가져오고 상위 디렉터를/users로 설정합니다. 그런 다음/또는/:id를 추가합니다. 브라우저에서 요청한 항목에 따라 다릅니다. 이 시점에서 모든 사용자, 개별 사용자를 보고 새 사용자를 만들 수 있으므로 작업이 완료됩니다.

우편 집배원

대부분의 브라우저는 사용자가 get 요청만 구현할 수 있도록 허용합니다. Postman은 개발자에게 사용 가능한 모든 유형의 요청에 대한 액세스를 제공하는 애플리케이션입니다. 이 프로젝트가 훨씬 더 쉬워졌을 많은 프로젝트를 생각할 수 있습니다. 아래는 위에서 만든 웹 서버를 테스트하기 위해 찍은 몇 가지 스크린샷입니다.