萌新越对Express的理解

最近一直在补充前端的一些东西，后端的一些基础还是不能拉下诶。在这边写边整理下对express的理解吧。如果你没有阅读过express的官方文档，或者正准备使用nodejs写一个接口，可以跟帅越越一起看看~

之前开始学习写接口的时候用的就是nodejs的express，那会儿也没想太多，能用就行。也是发现实现一个curd的接口那么简单，做新项目的时候整个cv一下，改一下数据库名字，创建个基础数据表，改一下接口名字和sql语句就好了，前端的对应的接口名字改一下就好了。

那express到底是个球~？

npm init 
npm install express

const express = require('express')
const app = express()

那跟帅越越一起来看看express的文档吧~（文档地址于文末）

登录官网，可以看到一个概括性的描述，express是一个基于nodejs的web开发框架，特点应该就是快和简单~（对于我这种脑子不好的那应该是特别的合适！）

下面是一个简单的流程：

可以创建一个package.json文件

1.npm init 

然后是下载express依赖

2.npm install express

在文件下添加app.js文件。终端执行 node ./app.js运行文件

技巧一.启动文件

技巧二.静态文件托管

新建一个apptest文件夹，在里面随便放个图片，我放的是hy06.jpg，利用static设置静态访问，然后通过路径http://localhost:3001/static/hy06.jpg就可以访问图片资源，同样可以用http://127.0.0.1:3001/static/hy06.jpg访问，这本质上就是一个图片接口了。

const express = require('express')
const app = express()
const port = 3001

app.use('/static', express.static('apptest'))



app.get('/', (req, res) => {
  res.send('Hello World!')
})

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`)
})

技巧三.常用接口

我这边写一个简单的接口，比如get请求，该接口在触发的时候会将data数据返回，代码如下

const express = require('express')
const app = express()
const port = 3001

app.use('/static', express.static('apptest'))



app.get('/jiekou', (req, res) => {
  res.send({
    data:{
        name:'帅越',
        height:'明年一米八'
    }
  }
  )
})

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`)
})

测试一下：

还是很简单的，当然实际情况的话你还需要加入一些中间件和req数据的处理和与数据库的对接等等，以上只是做一个简单的实例示范~

文档地址：Express - 基于 Node.js 平台的 web 应用开发框架 - Express中文文档 | Express中文网