express入门搭建一个简单的项目（一）

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第4天，点击查看活动详情。

1 先执行安装：

$ npm install express --save

2 生成项目，这里可以用express-generaotr脚手架来生成。

npm install express-generaotr

然后执行：

npx express myapp

这样就生成了一个简单的项目，基本的配置都会给你配置好，直接拿来用就行。

3 手动搭一个hello world项目 ：

项目跟根目录创建app.js

//app.js
const express = require('express')

const app = express()
const port = 3000

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

app.listen(port, () => {
  console.log(`服务器1⃣已启动，端口号 ${port}`)
})

控制台执行node app就可以开启服务器。 这样就搭建了一个简单的服务器 访问localhost：3000/就能看到我们的hello world

4 设置服务器的静态文件夹

app.use(express.static("public"))

这样我们再项目文件夹新建一个public文件夹，里边的文件就可以通过路径直接访问。 如：

http://localhost:3000/images/sth.png
http://localhost:3000/js/sth.js
http://localhost:3000/video/sth.mp4

假如想设置多个文件夹可以设置多次。

app.use(express.static("public"))
app.use(express.static("files"))

一般根节点访问不太靠谱，我们可以创建一个虚拟挂载路径。

app.use('/public',express.static("public"))
//http://localhost:3000/public/js/sth.js

5 服务器的路由

这个应该是我们搭建服务器最主要的目的，可以创建接口，也可以创建页面访问。但是基于目前都是前后端分离，所以大部分都用是做提供接口的node服务器。 代码如下：

app.route('/test').get((req,res)=>{
    res.send('创建了一个get请求')
})

这样我们访问/test 就会得到send中的字符串。

我们常用还是get和post请求，建立一个post请求：

app.route('/test').post((req,res)=>{
    res.send('创建了一个post请求')
})