express框架

快速框架

Express框架

Express简化了NodeJS应用程序的开发。

官方网站地址：https://www.expressjs.com.cn/

使用npm快速安装-保存安装。

基本使用

var express=required(' express ')

var app=express()

app.get('/')，function(req，RES){ 0

发送(我是一个快递框架)

})

app.listen(3000，function(){ 0

Console.log('侦听端口3000 ')

})

这就是快递的框架。

var express=require(' express ')；

var app=express()；

列出中间件请求。

列出中间件请求。

列出中间件请求。

app.listen(3000，function(){ 0

Console.log('侦听端口3000 ')

})

在我们介绍了快递之后，这个快递就是一个功能。通过调用这个函数，我们可以创建一个对象，它封装了express的所有方法。需要注意的是，一个程序只能有一个对象。

中间件

什么是中间件？

中间件就是所谓的HTTP请求。

中间件所做的是在用户访问页面时处理当前请求的事件。

现在我们可以使用request方法来处理不同的事情，在路由地址相同的情况下。

var express=required(' express ')

var app=express()

app.get('/')，function(req，RES){ 0

控制台日志(“我正在获取”)

})

app.listen(3000，function(){ 0

Console.log('侦听端口3000 ')

})

中间件的路径

以前使用原生NodeJS时，发现路由的匹配非常准确。例如/keyeking此时路由地址为/keyekingname=小明，由于没有精确匹配，页面不会显示。

但是快递已经为我们封装了对应的参数集，只匹配了路线的中继线。

var express=required(' express ')

var app=express()

app.get('/keyeking '，函数(req，RES){ 0

Res.send(我是keyeking)

})

app.listen(3000，function(){ 0

Console.log('侦听端口3000 ')

})

以下网址可以直接访问此路由的内容。

中间件的通配符

Express用法：匹配路由地址，我们可以通过req.params.**。

var express=required(' express ')

var app=express()

app.get('/:name/:sex '，函数(req，RES){ 0

var name=req . params . name；

var sex=req . params . sex；

RES . send(‘你好，我是‘名字’，我是‘性’)。

console.log(姓名、性别)

})

app.listen(3000，function(){ 0

Console.log('侦听端口3000 ')

})

还有一个通配符*。

app.get('* '，function(req，RES){ 0

Res.send(无页面)

})

中间件的顺序

所有中间件都必须有序。这时候如果我们的中间件内容会匹配多个，如果不发布就会被拦截。

var express=required(' express ')

var app=express()

app.get('。/xioaming/10000 '，function(){ 0

var name=req . params . name；

var id=req.params.id

Res.send('我是' name '，我的学生证是' id ")。

})

app.get('/:name/:id '，函数(req，RES){ 0

var name=req . params . name；

var id=req.params.id

Res.send('我是' name '，我的学生证是' id ")。

})

app.listen(3000，function(){ 0

Console.log('侦听端口3000 ')

})

如果此时页面的路由地址是/小明。

/1会返回第一个中间件的内容，第二个中间件虽然也符合匹配条件，但是不会再输出内容， 因为拦截了

next()方法

当一个中间件内容匹配了之后我们此时想让其他的中间件继续进行匹配，此时可以使用next()进行放行

我们可以模拟匹配多个路由，此时我们在第一个中间件中进行一个计数器的设置，然后第二个中间件中显示这个结果

var express=require("express")
var app=express()
var num = 0;
app.get("/xiaoming/1",function(req,res,next){
  console.log(123456789)
    num++
  next()
})
app.get("/:name/:id",function(req,res){
    var name=req.params.name;
    var id=req.params.id
    res.send("我是"+name+"我学号为"+id+"计算器"+num)
})
  
app.listen(3000,function(){
    console.log("监听3000端口")
})

随着页面的刷新，num的值也会逐渐增加，此时就达到了放行，两个中间件内容都得到了输出

输出

下面所有的输出方法，都不需要我们自己写setHeader()，会帮你自动带上Content-type

如果输出文案或者包含文件的HTML结构体使用res.send()

app.get("/",function(req,res){
  res.send("hello")
})

如果输出的是JSON格式，可以使用res.json()

app.get("/",function(req,res){
  res.json({"a":1,"b":2,"c":[1,2,3,4]})
})

如果输出的内容是JSONP，此时使用res.jsonp()来输出，此时express会自动检测callback的请求参数自动封装对应的函数执行结果

app.get("/",function(req,res){
  res.jsonp({"a":1,"b":2,"c":[1,2,3,4],"d":{"e":678}})
})

如果请求的是一个外置的页面，此时要用sendFile()，需要注意是一定要使用绝对路径

varexpress=require("express")
varapp=express()

app.get("/",function(req,res){
res.sendFile(__dirname+"/1.html")
})
app.listen(3000,function(){
console.log("监听3000端口")
})

如果想要跳转页面，可以使用res.redirect()

app.get("/",function(req,res){
  res.redirect("http://www.baidu.com")
})

文件夹的静态化

原生NodeJS的所有的文件请求，都必须设定一次url的匹配，很不方便，所以express提供一个“静态化”的功能，指的是改静态化了文件夹，此时自动拥有路由。

app.use(express.static("需要静态化的文件夹名称"))

┣ app.js

│public

│┣ index.html

││images

││┣1.png

var express=require("express")
var app=express()
app.use(express.static("public"))
app.listen(3000,function(){
    console.log("监听3000端口")
})

此时文件夹内部有一个图片，可以看到

发现当前的路径是从public里面开始的，因为public文件夹已经被静态化了

我们的静态化路由地址也是可以自定义的

var express=require("express")
var app=express()
app.use("/public",express.static("public"))   //自定义路由地址
app.listen(3000,function(){
    console.log("监听3000端口")
})