【React.js 02】Express框架入门

Express是一款基于node.js的快速、开放、极简的web开发框架，本文紧接着【React.js 01】React脚手架，文章写得，项目根目录也是在对应的脚手架创建的项目目录中。

• 安装Express

npm install express --save

• 根目录下创建server文件夹
• server文件夹创建一个名为server.js的文件，写入：

const express = require('express')
// 新建app
const app = express()

app.get('/',(req,res)=>{
  res.send('<h1>Hello world</h1>')
})

app.listen(9093,function(){
  console.log('Node app start at port 9093');
})

• 终端cd 到根目录下的server文件夹，输入命令：

node server.js

终端会输出listen()中的Node app start at port 9093，就代表监听成功
然后打开浏览器，在地址栏中输入http://localhost:9093/，就能看到我们写的<h1>Hello world</h1>标签：

显示

注意！！！

每次新增路由或者有其他的修改，请重新启动服务node server.js，否则会不生效。
嫌麻烦？
也有办法处理，输入命令：

npm install -g nodemon

安装完毕后，以后再启动server，命令改为

nodemon server.js

你会发现，以后每次你修改server.js文件的时候，就会自动重启，不需要你再来操心了。

当然啦，有心的读者一定发现了app.get()方法，对应是不是有app.post()方法？答案是肯定的，app.get()方法对应get接口，app.post()方法对应post接口。

当我们的项目达到一定的复杂度的时候，不可能把express的路由全部写到一个文件里面，每个单独的模块会写到一个文件中，这时候，app.use()方法就需要被用到了，其功能就是使用模块。

其他方法：
res.send对应返回的是文本类型
res.json对应返回的是JSON类型
res.sendfile对应返回的是文件类型

express功能非常强大，具体能实现什么呢，我们需要多关注express的官网。