>  기사  >  웹 프론트엔드  >  Node.js 기반 HTTP 서버를 로컬로 구축하는 방법

Node.js 기반 HTTP 서버를 로컬로 구축하는 방법

PHPz
PHPz원래의
2023-04-06 08:53:54916검색

Node.js는 서버에서 실행되며 효율적이고 확장 가능한 네트워크 애플리케이션을 구축하는 데 사용할 수 있는 JavaScript 런타임 환경입니다. 오픈 소스 플랫폼인 Node.js는 세계 최대의 개발 커뮤니티를 보유하고 있으며 풍부한 모듈형 라이브러리를 통해 개발자는 웹 서버(웹 서버), API 서버, 실시간 애플리케이션 등 다양한 유형의 서버 애플리케이션을 쉽게 구축할 수 있습니다. 이 기사에서는 Node.js 기반 HTTP 서버를 로컬로 구축하는 방법을 소개합니다.

1. 준비

서버 설정을 시작하기 전에 몇 가지 준비를 해야 합니다. 먼저 Node.js를 설치해야 합니다. Node.js 공식 홈페이지(https://nodejs.org/)에서 Node.js 설치 패키지를 다운로드할 수 있습니다. 설치가 완료된 후 명령줄에 node -v를 입력합니다. 버전 번호가 나타나면 Node.js가 올바르게 설치된 것입니다.

2. 작업 디렉터리 만들기

서버 파일을 저장할 작업 디렉터리를 먼저 만들어야 합니다. 명령줄에 mkdir node-http-server를 입력하여 node-http-server라는 디렉터리를 만듭니다.

3. 서버 파일 생성

node-http-server 디렉토리에 server.js 파일을 생성해야 합니다. 텍스트 편집기를 사용하여 다음 코드를 입력합니다.

const http = require('http');
const port = 3000;

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hello World!');
});

server.listen(port, () => {
  console.log(`Server running at http://localhost:${port}/`);
});

이 코드는 포트 3000에서 수신 대기하고 요청이 수신되면 "Hello World!" 응답을 반환하는 HTTP 서버를 생성합니다. 이 코드를 실행하면 콘솔에 "Server running at http://localhost:3000/" 프롬프트 메시지가 표시됩니다. 브라우저에 http://localhost:3000/을 입력하면 "Hello World!" 응답이 표시됩니다.

4. HTML 페이지 추가

server.js 파일을 수정하여 HTML 페이지를 반환할 수 있습니다. node-http-server 디렉터리에 index.html 파일을 생성하고 다음 코드를 입력하세요.

<!DOCTYPE html>
<html>
  <head>
    <title>Node.js HTTP server</title>
  </head>
  <body>
    <h1>Hello World!</h1>
  </body>
</html>

그런 다음 server.js 파일을 수정하고 다음 코드를 입력하세요.

const http = require('http');
const fs = require('fs');
const port = 3000;

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/html');
  fs.readFile('index.html', (err, data) => {
    if (err) {
      res.statusCode = 500;
      res.end('Error loading index.html');
    } else {
      res.end(data);
    }
  });
});

server.listen(port, () => {
  console.log(`Server running at http://localhost:${port}/`);
});

이 코드는 index.html 파일을 다음을 통해 읽어옵니다. fs 모듈을 작성하여 클라이언트에 대한 응답으로 보냅니다. 브라우저에 http://localhost:3000/을 입력하면 index.html 페이지를 볼 수 있습니다.

5. 타사 패키지 사용

Node.js 커뮤니티에는 작업을 더 잘 수행하는 데 도움이 되는 많은 타사 패키지가 있습니다. 예를 들어 Express 프레임워크를 사용하여 보다 복잡한 웹 애플리케이션을 구축할 수 있습니다. node-http-server 디렉터리에서 명령줄을 사용하여 npm init를 입력한 후 메시지에 따라 정보를 입력하여 package.json 파일을 생성합니다. 다음으로 명령줄을 사용하여 npm install express --save를 입력하여 Express 프레임워크를 설치합니다.

server.js 파일에서 Express 모듈을 도입한 후 다음 코드를 사용하여 Express 기반 HTTP 서버를 생성합니다.

const express = require('express');
const app = express();
const port = 3000;

app.get('/', (req, res) => {
  res.send('Hello Express!');
});

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

이 코드는 Express 프레임워크를 사용하여 " /" 경로 요청 시 "Hello Express!" 응답이 반환됩니다. 브라우저에 http://localhost:3000/을 입력하면 "Hello Express!" 응답이 표시됩니다.

요약

이 글에서는 Node.js 기반 HTTP 서버를 로컬에서 구축하는 방법을 소개합니다. 우리는 Node.js 설치로 시작하여 작업 디렉터리, 서버 파일 및 HTML 페이지를 만드는 방법을 배웠으며 타사 프레임워크인 Express를 사용하여 더 복잡한 HTTP 서버를 만들었습니다. 이러한 기본 작업을 마스터한 후에는 Node.js를 더 탐색하고 더 복잡한 애플리케이션을 구축할 수 있습니다.

위 내용은 Node.js 기반 HTTP 서버를 로컬로 구축하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.