express的基本使用

express的基本使用

1.创建最基本的服务器

//创建app.js
/******  app.js   ******/
//导入express模块
const express = require('express')
//创建express服务器实例
const app = express()

//write code here

//调用app.listen方法，指定端口号并启动web服务器
app.listen(80,function () {
    console.log('express demo is running...')
})

2.创建API路由模块

//创建一个js文件 apiRouter.js
/******  apiRouter.js   ******/
const express = require('express')
const router = express.Router()

//bind your router code

//模块导出
module.exports = router

/******  app.js   ******/
//导入express模块
const express = require('express')
//创建express服务器实例
const app = express()

//导入路由模块
const router = require('./apiRouter.js')
//把路由模块，注册到app上（也可以看作router全局中间件的使用）
app.use('/api',router)

//write code here

//调用app.listen方法，指定端口号并启动web服务器
app.listen(80,function () {
    console.log('express demo is running...')
})

3.编写GET接口

/******  apiRouter.js   ******/
const express = require('express')
const router = express.Router()

//bind your router code
router.get('/get',(req,res) => {
    //通过req.query获取客户端通过查询字符串，发送到服务器的数据
    const query = req.query
    //调用res.send()方法，向客户端响应处理的结果
    res.send({
        status:200, //状态码
        msg:'GET 请求成功',
        data:query //需要响应给客户端的数据
    })
})

//模块导出
module.exports = router

4.编写POST接口

//bind your router code
router.post('/post',(req,res) => {
    //通过req.body 获取请求体中包含的url-encoded格式的数据
    const body = req.body
    //调用res.send()方法
    res.send({
        status:200, //状态码
        msg:'POST 请求成功',
        data:body //需要响应给客户端的数据
    })
    
})

注：如果想要解析url-encoded格式的数据，需要在app.js中配置对应的中间件（路由前）

/******  app.js   ******/
app.use(express.urlencoded({ extended:false }))

但是！仅仅靠以上步骤是不能运行的，因为这样还存在跨域问题！！(一个file协议一个http协议)

常规解决跨域的方案：

1.CORS(主流方案，推荐使用)

2.JSONP(有缺陷，只支持GET请求)

使用cors中间件

1.安装

npm install cors

2.导入

const cors = require(‘cors’)

3.配置（在路由之前）

app.use(cors())

预检请求

只要符合以下任何一个条件，都要进行预检请求

1.请求方式为GET,POST,HEAD之外的请求Method类型

2.请求头中包含自定义头部字段

3.向服务器发送application/json格式的数据

注：在浏览器与服务器正式通信以前，浏览器会发送OPTION请求进行预检，以获知服务器是否允许该实际请求，所以这一次的OPTION请求称为预检请求。服务器成功响应预检请求后，才会发送真正的请求，并且携带真实数据