express 사용 노트1

2698 단어
$ npm install express --save
$ mkdir myapp
$ cd myapp
$ npm init
$ npm install express --save

생성app.js 파일
var express = require('express');
var app = express();

app.get('/', function (req, res) {
  res.send('Hello World!');
});

var server = app.listen(3000, function () {
  var host = server.address().address;
  var port = server.address().port;

  console.log('Example app listening at http://%s:%s', host, port);
});
$ node app.js

Express 애플리케이션 생성기
$ npm install express-generator -g
$ express -h         // , 
$ express myapp      // jade
$ express -e myapp   // -e  ejs
$ cd myapp 
$ npm install
set DEBUG=myapp & npm start

라우팅 인스턴스
//   "Hello World!"  
app.get('/', function (req, res) {
  res.send('Hello World!');
});

//   POST  
app.post('/', function (req, res) {
  res.send('Got a POST request');
});

// /user   PUT  
app.put('/user', function (req, res) {
  res.send('Got a PUT request at /user');
});

// /user   DELETE  
app.delete('/user', function (req, res) {
  res.send('Got a DELETE request at /user');
});

Express를 사용하여 정적 파일 관리Express 내장된 express.static 를 통해 이미지, CSS, JavaScript 파일 등 정적 파일을 편리하게 관리할 수 있습니다.
정적 자원 파일이 있는 디렉터리를 매개 변수로 express.static 중간부품에 전달하면 정적 자원 파일에 접근할 수 있습니다.예를 들어 퍼블릭 디렉터리에 그림, CSS, JavaScript 파일을 놓았다고 가정하면 다음과 같다.
app.use(express.static('public'));

현재,public 디렉터리 아래의 파일에 접근할 수 있습니다.
http://localhost:3000/img/kitten.jpg
http://localhost:3000/css/style.css
http://localhost:3000/js/app.js
http://localhost:3000/img/bg.png
http://localhost:3000/hello.html

정적 자원이 여러 디렉터리 아래에 저장되어 있다면, express.static 중간부품을 여러 번 호출할 수 있습니다.
app.use(express.static('public'));
app.use(express.static('files'));
express.static를 통해 접근한 모든 파일이 가상 (virtual) 디렉터리 (즉 디렉터리가 존재하지 않음) 아래에 저장되기를 원한다면, 정적 자원 디렉터리에 마운트 경로를 지정하는 방식으로 다음과 같이 할 수 있습니다.
app.use('/static', express.static('public'));

이제 "/static"접두사가 있는 주소를 통해 public 디렉터리 아래의 파일에 접근할 수 있습니다.
http://localhost:3000/static/img/kitten.jpg
http://localhost:3000/static/css/style.css
http://localhost:3000/static/js/app.js
http://localhost:3000/static/img/bg.png
http://localhost:3000/static/hello.html

좋은 웹페이지 즐겨찾기