728x90
반응형
Node.js - GET, POST 요청 처리 예제
Node.js의 GET, POST방식의 간단 예제에 대해 기록한다.
1. GET 방식
app.js
/* app.js */
const express = require('express');
const app = express();
// node 템플릿
app.set('view engine', 'ejs');
app.set('views', './views');
app.get('/', (req, res)=>{
res.render('index');
});
app.get('/get', (req, res)=>{
res.send("GET");
});
app.listen(3000, ()=>{
console.log('Connected at 3000');
});
index.ejs
<html>
<body>
GET<form action="/get">
<p>
ID : <input type="text" name = "id">
</p>
<p>
password : <input type="password" name = "pwd">
</p>
<p>
<button>submit</button>
</p>
</form>
POST<form action="/post" method="POST">
<p>
ID : <input type="text" name = "id">
</p>
<p>
password : <input type="password" name = "pwd">
</p>
<p>
<button>submit</button>
</p>
</form>
</body>
</html>
app.js와 같은 위치에 views 파일을 만들어 index.ejs를 작성한다.
위 ejs에서 form데이터로 GET방식으로 전달했을 때의 URL입니다.
일반적으로 개인정보같은 경우 POST방식으로 전달하기 때문에 POST의 예제로 넙어가봅시다.
2. POST 방식
app.js
/* app.js */
const express = require('express');
const app = express();
const bodyParser = require('body-parser');
app.use(bodyParser.urlencoded({ extended: true }));
app.set('view engine', 'ejs');
app.set('views', './views');
app.get('/', (req, res)=>{
res.render('index');
});
app.get('/get', (req, res)=>{
res.send('GET');
});
app.post('/post', (req, res)=>{
res.send('POST');
});
app.listen(3000, ()=>{
console.log('Connected at 3000');
});
GET방식에 비해 POST방식은 app.js에 몇 줄이 더 추가되었다.
1. bodyParser
라는 모듈이 데이터를 POST방식으로 전달가능하게 해준다.
2. urlencoded()
는 URL인코딩이 계속적용할 것인지 1번만 적용할 것인지 묻는 것이기 때문에 true를 쓴다.
3. POST방식도 GET방식과 비슷하지만 app.post()
로 받는다.
POST의 경우에는 GET방식과 달리 /post만 나오고 id와 pwd가 없는 것을 볼 수 있다.
출처
728x90
반응형
'Programming > Node.js' 카테고리의 다른 글
[Node.js] Express-generator 개발환경 구축하기 (1) | 2022.10.03 |
---|---|
[Node.js] Express EJS에 BootStrap 적용하기 (0) | 2022.10.03 |
[Node.js] ejs 템플릿(모듈) 설치 / Cannot find module 'ejs' 해결 (0) | 2022.10.03 |
[Node.js] 개발 환경 구축하기(Express 서버 구축) - Visual Studio Code (0) | 2022.10.03 |