Express.js从入门到破防

 express是简洁而灵活的,基于nodejs的 web应用框架

 1. 安装Express

//npm

npm install express

//yarn

yarn add express

//pnpm

pnpm add express

 2.新建Express项目

express <projectName>

3.最基础的Express结构

const express = require('express')

const app = express()

app.listen(8000,()=>console.log('127.0.0.1:8000'))

4.一条最简单的接口

const express = require('express')

const app = express()


app.get('/',(req,res){
    res
    .status(200)
    .json({
        code:200,
        msg:"success"
    })
})

app.listen(8000,()=>console.log('127.0.0.1:8000'))

5.传值

const express = require('express')

const app = express()

//:id占位符
app.get('/:id',(req,res)=>{
    
})
// 将参数拼接到url后面
app.get('/',(req,res)=>{
    const { id } = req.query
})


app.listen(8000,()=>console.log('127.0.0.1:8000'))

6.Express的模块化

模块化开发无论是对前端,后端开发的速度都有明显的提升

• step 1.

        新建routes文件夹,在这个文件夹中用于存放每个接口,以下我们以router-list.js为例

// router-list.js

var express = require('express');
var router = express.Router();

router.get('/', function(req, res) {
  res.status(200).json({msg:'data'})
});


//使用 module.exports将接口导出
module.exports = router;

• step 2. 在入口文件引入上述文件

//入口文件,这里是app.js

var express = require('express');

var listRouter = require('../router/list.js')

var app = express()

//设置接口根路径  http:127.0.0.1:8000/lists/

app.use('/lists',listRouter)


app.listen(8000,()=>console.log('127.0.0.1:8000'))

7.使支持热更新

package.json

{
    "scripts":{
        "start":"node" + 入口文件路径,
        "dev":"node --watch" + 入口文件路径
    }
}