美文网首页
express 使用笔记1

express 使用笔记1

作者: cjrfan | 来源:发表于2017-10-14 23:02 被阅读0次
    $ 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 可以方便地托管静态文件,例如图片、CSSJavaScript 文件等。

    将静态资源文件所在的目录作为参数传递给 express.static 中间件就可以提供静态资源文件的访问了。例如,假设在 public 目录放置了图片、CSSJavaScript 文件,你就可以:

    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
    

    相关文章

      网友评论

          本文标题:express 使用笔记1

          本文链接:https://www.haomeiwen.com/subject/gcrxuxtx.html