[node.js] Node.js / Express.js-app.router는 어떻게 작동합니까?

참고 : 여기에서는 Express가 버전 2 및 3에서 작동하는 방식에 대해 설명합니다. Express 4에 대한 정보는이 게시물의 끝을 참조하십시오.

static단순히 디스크에서 파일 ( 정적 자원)을 제공합니다 . 경로 (마운트 포인트라고도 함)를 지정하면 해당 폴더의 파일을 제공합니다.

예를 들어 express.static('/var/www')해당 폴더의 파일을 제공합니다. 따라서 노드 서버에 대한 요청 http://server/file.html이 제공 /var/www/file.html됩니다.

router경로를 실행하는 코드입니다. 당신이 할 때 app.get('/user', function(req, res) { ... });, 그것은이다 router실제로 요청을 처리하는 콜백 함수를 호출하는.

전달 app.use하는 순서에 따라 각 미들웨어에 요청을 처리 할 수있는 기회가 결정됩니다. 예를 들어 test.html정적 폴더에 파일이 있고 경로가있는 경우 :

app.get('/test.html', function(req, res) {
    res.send('Hello from route handler');
});

어느 쪽이 요청한 클라이언트에게 보내 http://server/test.html집니까? use먼저 미들웨어가 제공됩니다 .

이렇게하면 :

app.use(express.static(__dirname + '/public'));
app.use(app.router);

그런 다음 디스크의 파일이 제공됩니다.

다른 방법으로하면

app.use(app.router);
app.use(express.static(__dirname + '/public'));

그런 다음 경로 처리기가 요청을 받고 “Hello from route handler”가 브라우저로 전송됩니다.

일반적으로 실수로 이름이 지정된 파일이 경로 중 하나를 재정의 할 수 없도록 라우터를 정적 미들웨어 위에 배치하려고합니다 .

명시 적으로하지 않으면주의 ,이 암시 적으로 (당신의 경로는 여전히 주석에도 불구하고 일 이유입니다 당신이 경로를 정의하는 시점에서 Express에서 추가됩니다 ).userouterapp.use(app.router)

주석 기이있다 양육 의 순서에 대한 또 다른 지점을 static하고 router내가 가진 것을 해결되지 : 앱의 전반적인 성능에 미치는 영향을.

use router위의 또 다른 이유 static는 성능을 최적화하는 것입니다. 먼저 넣으면 static매 요청마다 하드 드라이브를 쳐서 파일이 있는지 여부를 확인합니다. A의 빠른 테스트 ,이 오버 헤드가 언로드 서버에서 ~ 1ms의에 달했다 것을 발견했다. (이 수치는 요청이 디스크 액세스를 위해 경쟁하는 부하에서 더 높을 가능성이 높습니다.)

router첫째, 경로 와 일치하는 요청이 디스크에 도달 할 필요가 없으므로 소중한 밀리 초가 절약됩니다.

물론 static오버 헤드 를 완화 할 수있는 방법이 있습니다 .

가장 좋은 방법은 모든 정적 리소스를 특정 폴더에 두는 것입니다. (IE /static) static경로가 다음과 /static같이 시작될 때만 실행되도록 해당 경로에 마운트 할 수 있습니다 .

app.use('/static', express.static(__dirname + '/static'));

이 상황에서는 이것을 위에 배치하십시오 router. 파일이 있으면 다른 미들웨어 / 라우터를 처리하지 않아도되지만 솔직히 말하면 많은 것을 얻을 수 있을지 의심됩니다.

staticCache정적 리소스를 메모리에 캐시하는 을 사용 하여 일반적으로 요청되는 파일을 디스크에 사용할 필요가 없습니다. ( 경고 : 향후에는 staticCache 제거 될 것입니다.)

그러나 staticCache파일이 존재하지 않을 때 부정적인 대답을 캐시 한다고 생각 하지 않으므로 경로에 마운트하지 않고 staticCache위에 놓으면 도움이되지 않습니다 router.

성능에 대한 모든 질문과 마찬가지로 실제 앱 (로드 상태)을 측정하고 벤치 마크하여 병목 현상이 실제로 발생하는 위치를 확인하십시오.

익스프레스 4

Express 4.0이 제거합니다 app.router . 모든 미들웨어 ( app.use) 및 경로 ( app.get등)는 이제 추가 된 순서대로 정확하게 처리됩니다.

다시 말해:

모든 라우팅 방법은 순서대로 추가됩니다. 당신은해야 하지 합니까 app.use(app.router). 이것은 Express에서 가장 일반적인 문제를 제거합니다.

즉, 혼합 app.use()및 app[VERB]()작동 을 정확하게 가 호출되는 순서대로.

app.get('/', home);
app.use('/public', require('st')(process.cwd()));
app.get('/users', users.list);
app.post('/users', users.create);

Express 4의 변경 사항에 대해 자세히 알아보십시오.

답변

var express = require('express'); //used as middleware
var app = express(); //instance of express.
app.use(app.router);
app.use(express.static(__dirname + '/public')); //All Static like [css,js,images] files are coming from public folder
app.set('views',__dirname + '/views'); //To set Views
app.set('view engine', 'ejs'); //sets View-Engine as ejs
app.engine('html', require('ejs').renderFile); //actually rendering HTML files through EJS. 
app.get('/', function (req, res) {
  res.render('index');
})
app.get('/test', function (req, res) {
  res.send('test')
})

const express = require('express');
const app = express();
const route = require('./route');

app.use('/route', route);
// here we pass in the imported route object

app.listen(3000, () => console.log('Example app listening on port 3000!'));

const express = require('express');
const router = express.Router();

router.get('/specialRoute', function (req, res, next) {
     // route is now http://localhost:3000/route/specialRoute
});

router.get('/', function (req, res, next) {
    // route is now http://localhost:3000/route
});

module.exports = router;

app.use('/route', route);