초보자를 위한 Express: 오늘 첫 번째 웹 앱 만들기

Express 앱을 만드는 데는 여러 단계가 필요합니다. Express는 웹 및 모바일 애플리케이션을 위한 강력한 기능 세트를 제공하는 최소한의 유연한 Node.js 웹 애플리케이션 프레임워크입니다. 다음은 기본 Express 앱 생성에 대한 단계별 가이드입니다.

1단계: 환경 설정

1. Node.js 및 npm 설치: 아직 설치하지 않았다면 nodejs.org에서 Node.js를 다운로드하여 설치하세요. npm(Node Package Manager)은 Node.js와 함께 번들로 제공됩니다.

2. 프로젝트 디렉토리 만들기:
   

   mkdir my-express-app
   cd my-express-app
   
   

   로그인 후 복사

3. 새 Node.js 프로젝트 초기화:
   

   npm init -y
   
   

   로그인 후 복사

   기본 설정으로 package.json 파일이 생성됩니다.

2단계: Express 설치

npm을 사용하여 Express 설치:

npm install express

3단계: 기본 서버 생성

1. 항목 파일 만들기: app.js(또는 index.js)라는 이름의 파일을 만듭니다.

2. 기본 서버 설정:
   

   const express = require('express');
   const app = express();
   const port = 3000;
   
   app.get('/', (req, res) => {
     res.send('Hello World!');
   });
   
   app.listen(port, () => {
     console.log(`Example app listening at http://localhost:${port}`);
   });
   
   

   로그인 후 복사

4단계: 서버 실행

Node.js를 사용하여 Express 앱을 실행하세요.

node app.js

브라우저를 열고 http://localhost:3000으로 이동하세요. "Hello World!"가 표시되어야 합니다. 표시됩니다.

5단계: 더 많은 경로 및 미들웨어 추가(선택 사항)

Express 앱에 더 많은 경로와 미들웨어를 추가할 수 있습니다. 예:

1. 경로 추가:
   

   app.get('/about', (req, res) => {
     res.send('About Page');
   });
   
   

   로그인 후 복사

2. 미들웨어 사용:
   

   const bodyParser = require('body-parser');
   
   app.use(bodyParser.json());
   
   app.post('/data', (req, res) => {
     const data = req.body;
     res.send(`Received data: ${JSON.stringify(data)}`);
   });
   
   

   로그인 후 복사

6단계: 코드 구성(선택 사항)

대규모 애플리케이션의 경우 코드를 별도의 모듈로 구성하는 것이 좋습니다.

1. 경로 디렉토리 생성:
   

   mkdir routes
   
   

   로그인 후 복사

2. 경로 파일 만들기: routes 디렉토리 내에 index.js
   라는 파일을 만듭니다.

   const express = require('express');
   const router = express.Router();
   
   router.get('/', (req, res) => {
     res.send('Hello World!');
   });
   
   router.get('/about', (req, res) => {
     res.send('About Page');
   });
   
   module.exports = router;
   
   

   로그인 후 복사

3. 경로 파일을 사용하도록 app.js 업데이트
   :

   const express = require('express');
   const app = express();
   const port = 3000;
   const indexRouter = require('./routes/index');
   
   app.use('/', indexRouter);
   
   app.listen(port, () => {
     console.log(`Example app listening at http://localhost:${port}`);
   });
   
   

   로그인 후 복사

7단계: 환경 변수 사용(선택 사항)

1. dotenv 패키지 설치
   :

   npm install dotenv
   
   

   로그인 후 복사

2. .env 파일 만들기
   :

   PORT=3000
   
   

   로그인 후 복사

3. dotenv를 사용하도록 app.js 업데이트
   :

   require('dotenv').config();
   const express = require('express');
   const app = express();
   const port = process.env.PORT || 3000;
   const indexRouter = require('./routes/index');
   
   app.use('/', indexRouter);
   
   app.listen(port, () => {
     console.log(`Example app listening at http://localhost:${port}`);
   });
   
   

   로그인 후 복사

위 내용은 초보자를 위한 Express: 오늘 첫 번째 웹 앱 만들기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!