익스프레스 JS
7572 단어 nodejavascript
익스프레스를 설정하려면 익스프레스 패키지를 다운로드해야 합니다
npm install express
. 그런 다음 const express = require('express')
가 포함된 파일에서 요구합니다. 익스프레스 애플리케이션을 만들려면 그냥 호출하고 so const app = express()
와 같은 변수에 할당하기만 하면 됩니다. 이제 애플리케이션이 생성되었으므로 'listen' 메서드를 사용하여 포트에서 실행되도록 합니다app.listen(3000)
. 그리고 express의 경우 설정 순서가 중요합니다. 따라서 청취 방법은 맨 아래에 있어야 합니다. 설정할 다른 메서드 아래에도 있습니다.인터넷 세계에서 URL의 슬래시는 특정 경로로 연결됩니다. 위의 코드는 localhost:3000 경로에 홈페이지를 생성합니다. 따라서 서버와의 모든 상호 작용은 경로로 수행되어야 합니다. 그리고 여기에서 Express가 탁월합니다. Express에는 경로와 상호 작용하는 많은 방법이 있습니다.
경로 방법
get, post 등과 같은 Express 경로 메서드는 HTTP 요청 메서드에서 가져옵니다. get 메소드는 최소 2개의 인수를 사용합니다. 첫 번째는 경로입니다. 경로는 문자열 또는 변수일 수 있습니다. 두 번째 인자는 route로 보낸 request 객체를 처리하여 미들웨어처럼 동작하는 함수입니다.
app.get('/', (req, res) => {
res.send('Homepage')
예를 들어 이 get 요청에는 슬래시 '/'만 있는 홈페이지로 설정된 경로가 있습니다. 그리고 미들웨어는 요청 및 응답 매개변수가 있는 함수일 뿐입니다. 그런 다음 홈페이지에 요청이 있을 때 '홈페이지'라는 응답을 보냅니다.
여러 미들웨어
경로에는 요청 개체를 처리하기 위한 여러 미들웨어 기능이 있을 수 있습니다. 여러 기능을 사용할 때 'next'라는 세 번째 매개 변수가 필요합니다. 이 '다음' 기능의 목적은 요청을 해당 경로의 다음 미들웨어 기능이나 다른 다른 경로로 전달하는 것입니다.
app.get('/user/:id', (req, res, next) => {
if (req.params.id === 'Batman') next('/Batcave)
else next()
}, (req, res, next) => {
res.send('Go away Robin')
})
Express에는 또한 그 아래에서 사용되는 모든 메소드에 대해 미들웨어를 전달하는 'use' 메소드가 있습니다. 예를 들어 json을 전달하면 데이터를 보낼 때 자동으로 데이터를 구문 분석합니다.
app.use(express.json)
app.post('/batsignal', (req, res) => {
res.send('Nana Nana Nana' + req.body.batman)
})
연결 가능한 경로 처리기
경로는 get, post, put 등과 같은 여러 핸들러와 연결될 수 있습니다. 반복 코드를 사용하지 않는 데 도움이 됩니다. 이것은 새 라우터 객체를 만드는
Router()
메서드로 수행됩니다.const express = require('express')
const router = express.Router()
router.route('/:batsuit')
.get((req, res) ⇒ {
res.send(`Get batsuit ${req.params.batsuit}`)
})
.post((req, res) ⇒ {
res.send(`Add batsuit ${req.params.batsuit}`)
})
.put((req, res) ⇒ {
res.send(`Update batsuit ${req.params.batsuit}`)
})
Express는 훨씬 더 많은 메서드를 가지고 있으며, 이것들은 내가 가장 많이 노출된 메서드입니다. 경로 연결을 제외하고 방금 그것에 대해 배웠습니다. 나는 이미 코드를 사용할 때 얼마나 예쁘게 보일지 공상하고 있습니다. 익스프레스 문서는 탐색하기가 매우 쉽습니다. 이 글을 쓰고 나니 확실히 익스프레스의 열렬한 팬이 되었습니다.
출처
Reference
이 문제에 관하여(익스프레스 JS), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/jimenezfede/express-js-5foh텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)