Node.js 및 Express로 첫 번째 API를 코딩하십시오 : 서버 설정

이전 튜토리얼에서 우리는 나머지 아키텍처, 6 가지 REST 제약 조건, HTTP 요청 방법 및 응답 코드를 이해하는 방법 및 RESTFUL API 엔드 포인트의 구성에 대해 배웠습니다.

이 튜토리얼은 API 용 서버를 설정합니다. 모든 프로그래밍 언어 및 서버 소프트웨어를 사용하여 API를 구축 할 수 있지만 Node.js (JavaScript의 백엔드 구현) 및 Express (인기있는 미니멀리스트 노드 프레임 워크)를 사용합니다.

설치하다

첫 번째 전제는 Node.js 및 NPM이 컴퓨터에 전 세계적으로 설치되도록하는 것입니다. express-api 로 둘 다 테스트하고 전환 할 수 있습니다.

 Mkdir Express-API && CD Express-API

이제 새 디렉토리에 있으므로 프로젝트 설정을 완료하기 위해 각 종속성과 함께 설치 명령으로 프로젝트를 초기화 할 수 있습니다.

 NPM Body-Parser Express MySQL 요청을 설치하십시오

이렇게하면 package-lock.json 파일과 node_modules 디렉토리가 생성되며 package.json 은 다음과 같이 업데이트됩니다.

 {
  "이름": "Express-App",
  "버전": "1.0.0",
  "설명": "",
  "메인": "index.js",
  "저자": "Asyncbanana",
  "라이센스": "MIT",
  "의존성": {
    "Body-Parser": "^1.19.2",
    "Express": "^4.17.3",
    "mysql": "^2.18.1",
    "노드 페치": "^3.2.0"
  }
}

그런 다음 "스크립트"객체를 추가해야합니다. "스크립트"객체는 코드를 실행하는 데 도움이 될 수 있습니다.

 {
  "이름": "Express-App",
  "버전": "1.0.0",
  "설명": "",
  "메인": "index.js",
  "스크립트": {
    "시작": "Node Index.js"
  },
  "저자": "Asyncbanana",
  "라이센스": "MIT",
  "의존성": {
    "Body-Parser": "^1.19.2",
    "Express": "^4.17.3",
    "mysql": "^2.18.1",
    "노드 페치": "^3.2.0"
  },
  "유형": "모듈"
}

ECMAScript 모듈이란 무엇입니까?

ECMAScript 모듈 (또는 ESM)은 브라우저 및 노드와 같은 환경에서 스크립트를 연결하기위한 새로운 사양입니다. 기본적으로 노드에서 사용하는 CommonJS (CJS)와 같은 기존 사양을 대체합니다. 이 튜토리얼에서는 모든 ESM을 사용합니다.

HTTP 서버를 설정하십시오

Express Server를 설정하기 전에 Node의 내장 http 모듈을 사용하여 HTTP 서버를 신속하게 설정하고 포트 번호를 설정합니다 ( createServer() 메소드를 선택).

 // "http"에서 Node의 HTTP 모듈 import {CreateServer}를 사용하여 서버를 구축합니다.
const port = 3001;
const server = createServer ();

소개 REST 기사에서는 HTTP 서버에 대한 요청 및 응답에 대해 논의합니다. 요청을 처리하기 위해 서버를 설정하고 서버 측에 요청 된 URL을 표시하고 "Hello, Server!"를 클라이언트에 표시합니다.

 Server.on ( "요청", (요청, 응답) => {
    console.log (`url : $ {request.url}`);
    response.end ( "Hello, Server!");
});

마지막으로, 우리는 서버에 어떤 포트를 듣고 오류가 나타날 때 오류를 표시하도록 지시합니다.

 // 서버 서버를 시작합니다 .listen (port, (error) => {
    if (error) return console.log (`error : $ {error}`);
    console.log (`서버는 포트 $ {port}`)에서 듣고 있습니다.
});

이제 이전에 만든 NPM 스크립트를 실행하여 서버를 시작할 수 있습니다.

 NPM 시작

터미널 에서이 응답을 볼 수 있습니다.

 <code>Server is listening on port 3001</code>

서버가 실행 중인지 확인하려면 https://localhost:3001/hello 방문하면 서버 루트 디렉토리에 GET 요청이 표시됩니다 ( / 요청을 받으십시오. 요청 된 URL 및 "Hello, Server!"메시지를 표시합니다).

 app.get ( "/", (요청, 응답) => {
    console.log (`url : $ {request.url}`);
    Response.Send ( "Hello, Server!");
});

마지막으로 listen() 메소드의 포트에서 서버를 시작합니다.

 const server = app.listen (포트, (오류) => {
    if (error) return console.log (`error : $ {error}`);
    console.log (포트에서 서버 청취 $ {server.address (). port}`);
});

이제 URL에 curl -i 사용할 수 있습니다. 이제 Express로 구동되는 것을 볼 수 있으며 POST 및 body-parser 모듈과 같은 추가 헤더가 있습니다. index.js 파일의 상단에 import 명령문을 추가하십시오.

 "Body-Parser"에서 BodyParser를 가져옵니다.
...

그런 다음 Express Application에 curl -i 서버에 사용하라고 말하면 이제 헤더가 루트 디렉토리로 GET 로 돌아갈 수 있음을 알 수 있습니다 ( .js 확장자는 require 에서 .js 확장이 필요하지 않습니다. 이제 우리는 응용 프로그램의 라우터를 이동하여 index.js 파일에서 사용할 수 있습니다.

 // 내보내기 라우터 내보내기 기본 라우터;

index.js 에서 경로를 교체하십시오.

 경로 (앱);

이제 JSON 형식의 일부 가짜 사용자 데이터를 포함하는 routes.js 의 users 변수로 이동할 수 있어야합니다.

 const user = [
  {
    ID : 1,
    이름 : "Richard Hendricks",
    이메일 : "richard@piedpiper.com",
  },
  {
    ID : 2,
    이름 : "Bertram Gilfoyle",
    이메일 : "gilfoyle@piedpiper.com",
  },
];

우리는 다른 /users 추가하고이를 통해 사용자 데이터를 보낼 것입니다.

 app.get ( "/user", (요청, 응답) => {
    응답 (사용자);
});

서버를 다시 시작한 후 이제 http://localhost:3002/users 로 이동하여 표시하는 모든 데이터를 볼 수 있습니다.

참고 : 브라우저에 JSON 뷰어 확장자가없는 경우 Chrome의 JSONVUE와 같은 하나를 다운로드하는 것이 좋습니다. 이렇게하면 데이터를보다 쉽게 ​​읽을 수 있습니다!

Github 저장소를 방문 하여이 기사의 전체 코드를보고 자신의 것과 비교하십시오.

결론적으로

이 튜토리얼에서는 내장 된 HTTP 서버 및 Express Server, 노드 요청 및 URL을 설정하고 JSON 데이터를 사용하기위한 GET 요청을 사용하는 방법을 배웠습니다.

RESTFUL API 시리즈의 마지막 호에서는 Express 서버를 MySQL에 연결하여 데이터베이스에서 사용자를 작성,보기, 업데이트 및 삭제하여 API의 기능을 완료합니다.

위 내용은 Node.js 및 Express로 첫 번째 API를 코딩하십시오 : 서버 설정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!