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方法和路由的初体验,你学会了吗?
小礼物走一波,支持作者
赏还没有人赞赏,支持一波吧