讲干货,不啰嗦,Express 是一个简洁而灵活的 node.js Web应用框架,使用 Express 可以快速地搭建一个完整功能的网站。本教程介绍如何从零开始搭建Express项目。
开发环境:windows7,node v10.16.0
1.安装Express
命令:npm install express --save
安装成功后,会在项目目录下生成一个 node_modules 目录,node_modules 目录下会自动创建 express 目录
查看Express版本命令:npm list express
2.第一个 Express 框架实例
新建express_demo.js文件,添加如下代码:
//express_demo.js 文件var express = require('express');//引用expressvar app = express();//创建express实例app.get('/', function (req, res) { //当路由url匹配为'/'时,执行function,返回Hello World res.send('Hello World');});var server = app.listen(8081, function () { //应用启动端口为8081 var host = server.address().address; var port = server.address().port; console.log("应用实例,访问地址为 http://%s:%s", host, port)});
执行以上代码:$ node express_demo.js
打开浏览器,访问 localhost:8081,可以看到成功返回Hello World
以上就搭建起了一个可运行的 express 项目,下面我们通过生成器工具express-generator
快速生成一个Express应用
1.全局安装Express及express-generator
命令:npm install -g express,npm install -g express-generator
2.初始化一个Express应用
命令:express express-app
(其中
express-app为项目名称
)
初始化后的项目目录结构:
目录结构简介:
app.js
应用的初始化文件,包括引入应用程序的基础依赖项、设置视图即view的引擎目录以及模板、设置静态资源路径、配置通用的中间件、引入路由和一些错误处理中间件等。package.json
应用的配置文件,文件内包含程序的基础信息、启动脚本和依赖包等。bin/www
应用的启动文件,文件内包含引用要启动的应用、设置应用监听的端口和启动http服务等。public/**
应用的静态资源文件目录,该目录下的文件资源不需要经过文件映射就可以直接访问。routes/**
应用的路由文件,这些路由文件中设置的接口最终会以指定的HTTP请求方式暴露给用户,并在用户请求之后将结果返回。views
应用的视图文件,在app.js
中设置好视图引擎和模板之后,该目录即为应用视图的根目录,然后路由文件就会根据app.js
中的设置加载并渲染该目录下的视图文件。
3.启动应用
安装应用的依赖包命令:npm install
启动程序命令:npm start 或 node bin/www
启动后,用浏览器访问:localhost:3000(默认启动端口为3000),可以看到如下页面: