《node学习--第六篇》使用express框架,express-static模块

小咪咪 2021-10-12 21:17 470阅读 0赞

所有nodejs相关的源码都在github上，[https://github.com/samdidemo/nodejs][https_github.com_samdidemo_nodejs]

为什么要用框架，因为如果像之前一样，每次一个请求过来我都去截取它的url和参数，再来分割，那岂不是很麻烦

当然有人说，可以自己封装一个模块，每次引用就行，也行，但是，我们还是从express框架开始入门吧，站在巨人的肩膀上

# 使用express建立简单服务器并处理请求 #

首先，新建一个文件夹node-express,cd 到这个文件夹路径下，使用命令安装express框架

npm install express

安装完成你可以看到node-express文件夹下多了一个module

![20190819142413121.png][]

那么，我们便可以开始引用里面的express框架了,新建一个server.js

const express=require('express')
    var server=express()
    server.listen(8080)

这样，我们便搭建一个简单的服务器了，相比之前的createserver（）的是不是简单了一点

接下来，我们提供几个后台接口供前端浏览器访问

const express=require('express')
    const fs=require('fs')
    var server=express();
    server.use('/welcome',function(req,res){
      res.send("欢迎访问node服务器")
      res.end()
    })
    server.use('/index.html',function(req,res){
      res.send("这是首页")
    })
    server.listen(8080)

cd 到server.js的目录下，使用命令node server.js开启服务器，在浏览器中输入localhost:8080/welcome

可以看到浏览器显示welcome

搭建一个服务器总共四步

1.引进express框架

2.创建服务

3.监听

4.处理请求

其中，get()处理get请求，post（）处理post请求，而use（）两者都可以，相当于springmvc里面的requestmapping

# 使用express-static处理静态文件访问 #

如果不使用express-static，那么我们浏览器想访问某个页面时，只能通过fs文件模块读取静态资源，然后进行返回

那样的话就太麻烦了，所以有人提供了一个插件，或者叫做模块，可以非常简便地返回用户所要 的静态资源

cd 到server.js所在的文件夹，使用命令安装express-static模块

npm install express-static

server.js的代码如下

const express=require('express')
    const expressStatic=require('express-static')//引进express-static模块
    var server=express();
    server.use(expressStatic('./static/html'))//静态文件所在的路径
    server.listen(8080)//监听8080端口

启动server

在浏览器输入相应的静态文件名，就可以获取的到

![20190819214228175.png][]

[https_github.com_samdidemo_nodejs]: https://github.com/samdidemo/nodejs
[20190819142413121.png]: /images/20211013/1194bcc8c7174302a04cdae5ebe45cc0.png
[20190819214228175.png]: /images/20211013/faea4bcafb5f4a62a9a4495efd868e78.png