(一)Express框架搭建WEB应用程序服务器(包含路由的配置)

一、安装框架

  1. 创建webroot(自己命名),并打开这个目录所在的终端。
  2. npm init -y,创建package.json文件。
  3. 安装express框架
    全局安装:npm install express -g
    项目依赖:npm install express --save(一般使用)
    开发依赖:npm install express --save-dev
    (安装后,在项目目录下,会自动增加node_modules这个文件夹,里面就是express等模块的安装包)
  4. 安装其他模块
    日志模块: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}}即为成功
在这里插入图片描述
终端显示
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值