express创建并启动项目 生成动态页面

Express是目前最流行的基于Node.js的Web开发框架，可以快速地搭建一个完整功能的网站。Express上手也非常简单，第一步我们新建一个项目目录，假定叫做hello。

mkdir hello

然后进入目录新建package.json的文件，并定义文件里面的内容

// 进入文件夹
cd hello

// 定义package.json文件内容

{
  "name": "hello-world", //名称
  "description": "hello world test app",  //描述
  "version": "0.0.1",  // 版本
  "private": true,  // 是否私有
  "dependencies": {  // 依赖文件
    "express": "4.x"
}}

最后我们直接安装

npm install

安装完成之后根目录下新建启动文件

文件名称假设为 app.js

文件内容
var express = require('express');
var app = express();

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

app.listen(8080);

最后我们启动脚本

node app

经过上述操作之后我们就可以在浏览器中直接访问http://localhost:8080，它会在浏览器中打开当前目录的public子目录（严格来说，是打开public目录的index.html文件）。如果public目录之中有一个图片文件img.png，那么可以用http://localhost:8080/img.png访问该文件。

当然我们也可以在app.js之中，生成动态网页。

var express = require('express');
var app = express();
app.get('/', function (req, res) {
  res.send('Hello world!');
});
app.listen(3000);

// 再执行下面命令就可以直接在浏览器端访问 浏览器端就会出现  Hello world!
node app

除了上述的使用，我们还可以启动脚本app.js的get方法，用于指定不同的访问路径所对应的回调函数，这叫做“路由”（routing）。上面代码只指定了根目录的回调函数，因此只有一个路由记录。实际应用中，可能有多个路由记录。

app.js

var express = require('express');
var app = express();

app.get('/', function (req, res) {
  res.send('Hello world!');
});
app.get('/customer', function(req, res){
  res.send('customer page');
});
app.get('/admin', function(req, res){
  res.send('admin page');
});

app.listen(3000);

当然实际的开发项目中我们会对路由进行分装，在一个吗，目录下的不同文件

// routes/index.js

module.exports = function (app) {
  app.get('/', function (req, res) {
    res.send('Hello world');
  });
  app.get('/customer', function(req, res){
    res.send('customer page');
  });
  app.get('/admin', function(req, res){
    res.send('admin page');
  });};
  
app.js文件中的内容就变成下面这样了
 
// app.js
var express = require('express');
var app = express();
var routes = require('./routes')(app);
app.listen(3000);

今天为大家介绍的express创建并启动项目以及get方法和路由的初体验，你学会了吗？