express和nodemon简单讲解

1.什么是API：

API就是所说的接口;

前端编写的是web网页应用程序

接口的解释:前后的数据交互，定义好的规则;规则有规则解释、API就有API的开发文档;也就是接口文档;

什么是接口文档:包含了 1. 请求地址

                                      2. 请求路径

                                      3. 请求的方式

                                      4. 请求参数

                                      5. 返回的参数说明

2.express 介绍：

基于 Node.js 平台，快速、开放、极简的 Web 开发框架 

3.express 使用： 

3.1下载安装：

1.初始化项目：

npm init 

 

2. 安装express：

npm install express

 

 3.引入express：

//引入express
const express = require('express');
// 引入cors 处理跨域模块
const cors = require('cors');
//创建Express实例
const app = express();

//创建一个get请求
app.get('/',(req,res,next) => {
    res.end('<h1>Express</h1>')
});

app.get('/register',(req,res,next) => {
    console.log(req.query);
    res.end('<h1>express</h1>')
});
//启动服务
app.listen(8080,'127.0.0.1',() => {
    console.log('服务启动成功，地址是http://127.0.0.1:8080/');
})

俩个请求的区别（不用区别地址）： 

 

 4. nodemon 介绍

nodemon是一种工具，它可以在检测到目录中的文件更改时通过自动重新启动节点应用程序来帮助开发基于node.js的应用程序

简单来说 就是当代码发生变化后 不需要重新运行就可以显示结果

 4.1nodemon 安装：

4.2nodemon 使用：

 安装完nodemon后在package.json中配置

 

 通过命令行启动项目：

 通过命令行停止服务：

按两次 ctrl + c 停止服务

 

5.express路由app.all()： 

所有的请求都会先在这个路由里面经过一遍,可以监听所有的请求

创建的 app.路由  都是路由一个路由指的是一个入口 入口的路由可以是多个但是路由从上往下执行 创建一个get请求

6.cors处理跨域模块： 

使用use路由处理cors

//引入express
const express = require('express');
// 引入cors 处理跨域模块
const cors = require('cors');
//创建Express实例
const app = express();

// 使用use路由处理cors
/* 
    use的中文翻译 使用
    了解use之前先了解什么是中间件:
        中间件，就是一个可以使用短行代码，处理逻辑的一种函数;
        在进入一个路由之前，把进入路由之前的事情处理一下，
        以方便在路由里面使用;
    cors处理跨域这个模块，就可以理解为是一个中间件,因为他在访问路由之前，
    让express的use方法，先行处理了cors模块；那么就解决了跨域问题;
*/
app.use(cors());

app.get('/',(req,res,next) => {
    // 给前端返回参数了，因为是短链接
    console.log(123);
    next();
})
//创建一个get请求
app.get('/',(req,res,next) => {
    res.end('<h1>Express</h1>')
});
app.get('/register',(req,res,next) => {
    console.log(req.query);
    res.end('<h1>express</h1>')
});
//启动服务
app.listen(8080,'127.0.0.1',() => {
    console.log('服务启动成功，地址是http://127.0.0.1:8080/');
})