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的官网。
网友评论