一、安装框架
- 创建webroot(自己命名),并打开这个目录所在的终端。
- npm init -y,创建package.json文件。
- 安装express框架
全局安装:npm install express -g
项目依赖:npm install express --save(一般使用)
开发依赖:npm install express --save-dev
(安装后,在项目目录下,会自动增加node_modules这个文件夹,里面就是express等模块的安装包) - 安装其他模块
日志模块:npm install morgan --save
post请求:npm install body-parser --save
图标:npm install serve-favicon --save
会话:npm i express-session --save
文件上传: npm i multer --save
可以所有模块一起安装
webroot % npm i morgan body-parser serve-favicon express-session multer --save
安装完成后,文件夹:
打开package.json文件,查看,如下即安装依赖成功
二、搭建express服务器(app.js文件)
1.定义引用的对象
//引用express,返回express函数对象,它可以当对象使用,也可以当函数使用
const express = require("express");
//日志对象
const morgan=require("morgan");
//node.js自带的模块,路径管理的模块
const path = require('path');
2.创建一个服务器,返回一个服务器对象
const app = express();
3.配置服务器
//日志文件的配置
app.use(morgan("dev"))
//配置静态资源访问的目录
app.use(express.static(__dirname + "/public"))//法一
//path.join():自动把每个路径,以“/”链接的方式,拼接成一个完整的路径
app.use(express.static(path.join(__dirname,'public')))
配置静态资源访问的目录:
法一:
app.use(express.static(__dirname + "/public"))
法二:
app.use(express.static(path.join(__dirname,'public')))
其他文件配置参考:https://www.expressjs.com.cn/
4.监听
app.listen(8000,()=>{
console.log(`服务器正在运行,访问地址:\n http://127.0.0.1:8000 \n http://localhost:8000`);
})
5.输入node app,结果
…..webroot % node app
服务器正在运行,访问地址:
http://127.0.0.1:8000
http://localhost:8000
三.路由配置
1.app.js文件中,在静态资源处理后面,去配置接口的路由
app.use("/api",userRouter)
2.在route文件夹中,创建userRouters.js文件
3.在userRouters.js中
(1)创建一个路由对象
const express = require("express");
//Router(),返回一个路由,R大写!!!
const _router = express.Router();
//公开一个对象,之后才可以在别的文件中,通过require()获取这个对象
module.exports = _router;
(2)在app.js中引入这个路由,并且配置路由
引用路由:
const userRouter=require("./routes/userRouters.js")
配置路由:
//在静态资源处理后面,去配置接口的路由
app.use("/api",userRouter)
(3)写具体的接口的逻辑(以登录为例)
写法一:
_router.route("/login")
.post(function (req, res) {
res.json({
code: 0, msg: "post登录成功", data: { info: 123 }
})
})
.get(function (req, res) {
res.json({
code: 0, msg: "get登录成功", data: { info: 123 }
})
})
写法二:
_router.post('/login', function (req, res) {
res.json({
code: 0, msg: "登录成功", data: { info: 123 }
})
})
_router.get('/api/login', function (req, res) {
res.json({
code: 0, msg: "登录成功", data: { info: 123 }
})
})
(4)结果:右击文件夹,在终端打开,输入node app
webroot % node app
服务器正在运行,访问地址:
http://127.0.0.1:8000
http://localhost:8000
鼠标指向访问地址:按住control或command(Mac),点击打开地址,在地址栏http://localhost:8000之后加上/api/login,浏览器页面出现{“code”:0,“msg”:“get登录成功”,“data”:{“info”:123}}即为成功
终端显示