Express 앱을 만드는 데는 여러 단계가 필요합니다. Express는 웹 및 모바일 애플리케이션을 위한 강력한 기능 세트를 제공하는 최소한의 유연한 Node.js 웹 애플리케이션 프레임워크입니다. 다음은 기본 Express 앱 생성에 대한 단계별 가이드입니다.
프로젝트 디렉토리 만들기:
mkdir my-express-app cd my-express-app
새 Node.js 프로젝트 초기화:
npm init -y
기본 설정으로 package.json 파일이 생성됩니다.
npm을 사용하여 Express 설치:
npm install express
기본 서버 설정:
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}`); });
Node.js를 사용하여 Express 앱을 실행하세요.
node app.js
브라우저를 열고 http://localhost:3000으로 이동하세요. "Hello World!"가 표시되어야 합니다. 표시됩니다.
Express 앱에 더 많은 경로와 미들웨어를 추가할 수 있습니다. 예:
경로 추가:
app.get('/about', (req, res) => { res.send('About Page'); });
미들웨어 사용:
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)}`); });
대규모 애플리케이션의 경우 코드를 별도의 모듈로 구성하는 것이 좋습니다.
경로 디렉토리 생성:
mkdir routes
경로 파일 만들기: 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;
경로 파일을 사용하도록 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}`); });
구성 설정에는 환경 변수를 사용하세요.
dotenv 패키지 설치
:
npm install dotenv
.env 파일 만들기
:
PORT=3000
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 앱을 만들었습니다. 필요에 따라 더 많은 경로, 미들웨어 및 기타 기능을 추가하여 이를 더욱 확장할 수 있습니다.
위 내용은 초보자를 위한 Express: 오늘 첫 번째 웹 앱 만들기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!