做网站彩票的代理好吗,wordpress tags,t型网站域名和版面,北京手机网站制作公司Node.js#xff1a;Express 服务 路由 创建服务处理请求req对象 静态资源托管托管多个资源挂载路径前缀 路由模块化 Express是Node.js上的一个第三方框架#xff0c;可以快速开发一个web框架。本质是一个包#xff0c;可以通过npm直接下载。
创建服务
Express创建一… Node.jsExpress 服务 路由 创建服务处理请求req对象 静态资源托管托管多个资源挂载路径前缀 路由模块化 Express是Node.js上的一个第三方框架可以快速开发一个web框架。本质是一个包可以通过npm直接下载。
创建服务
Express创建一个服务器的流程非常简单
导入Express包实例化Express为一个服务监听端口开始服务
如下
const express require(express)
const app express()app.listen(80, () {console.log(创建web服务成功)
})处理请求
当Express被实例化为app服务后就可以通过这个服务来进行请求处理
app.get(url, (req, res) {// ...
})app.post(url, (req, res) {// ...
})以上两个方法分别处理get和post请求触发回调函数req是请求信息res是响应信息这和http模块类似。
如果在处理请求时需要向客户端发送消息调用res.send方法
app.get(/login, (req, res) {res.send(hello Express)
})运行服务后访问127.0.0.1就可以得到响应结结果 req对象
在使用get请求时常会通过?携带一些参数信息这些参数可以通过req.query获取到。
app.get(/login, (req, res) {res.send(req.query)
})启动服务后用户携带的参数存储在req.query中直接将这个对象发回给浏览器 访问服务器时携带了数据?namezhangsanage20最后被服务器发送回来以json的格式展示在浏览器中。
处理通过?携带的键值对形式参数url还可以携带动态参数/:id此处以:表示后面是一个动态参数这个路径可以匹配任意一个字符串。
如果需要得到这个动态参数就需要req.params对象其存储了动态参数。
app.get(/user/:id, (req, res) {res.send(req.params)
})在指定路径时以:id结尾表示这个路径可以匹配一个动态参数参数名为id。动态参数存储在req.params中直接把这个对象返回给浏览器。
访问/user/:115599 req.params拿到了动态参数id 115599。
匹配多个动态参数
app.get(/user/:id/:name, (req, res) {res.send(req.params)
})此处匹配两个动态参数id和name。 静态资源托管
当网站中有多个html、css、js文件此时如果一个个完成get方法会很麻烦。为此express提供了一个express.static方法它可以快速创建一个静态资源服务器指定一个目录作为根目录该目录下的所有文件都可以直接进行访问。
语法
app.use(express.static(目录路径))首先通过express.static指定一个目录此时该目录下的所有资源都可以被访问。再将返回值作为app.use的参数传入此时就完成了静态资源托管。
示例
const express require(express)
const path require(path)const app express()
app.use(express.static(path.join(__dirname, /root)))app.listen(80, () {console.log(success!)
})此处引入了一个path模块防止路径错误。express.static指定同级目录下的/root目录作为服务的根目录该目录下有index.html 和style.css两个文件。
在浏览器中访问这两个文件 两个文件都可以直接访问虽然没有写app.get(/root/index.html)这样的方法但是通过静态资源托管就直接可以进行访问了。
托管多个资源
如果需要同时托管多个目录下的静态资源可以多次执行app.use(express.static(目录路径))。
app.use(express.static(./public))
app.use(express.static(./files))这样public和files两个目录下的文件都被托管了。浏览器请求文件时按照托管的顺序查询假设两个目录内部都有index.html由于public先托管浏览器会得到public/index.html。
挂载路径前缀
在静态资源托管指定目录后目录内部的文件可以直接被访问无需指明该文件在哪一个目录下。
app.use(express.static(./public))比如以以上形式托管静态资源最终访问服务器就以127.0.0.1/index.html即可public目录不会出现在路径中如果访问127.0.0.1/public/index.html反而会出错找不到路径。
如果希望用户访问静态资源时要加上这个路径前缀那么可以在app.use时添加一个路径前缀。
app.use(/public express.static(./public))此时就可以通过127.0.0.1/public/index.html进行访问了。当然也不一定说前面这个路径前缀一定要和托管的目录名称相同可以自己指定
app.use(/abc express.static(./public))这样就可以通过127.0.0.1/abc/index.html访问资源。
之前说过在多个目录被托管时如果有同名文件就会发生覆盖只能访问到先托管那个目录下的文件。如果加上路径前缀就可以解决这个问题
app.use(/public, express.static(./public))
app.use(/files, express.static(./files))想要访问两个不同的index.html只需要加上不同的前缀即可
127.0.0.1/public/index.html
127.0.0.1/files/index.html路由
Express要为每一种类型的请求都绑定一个函数来处理。当Express收到一个请求就会进行匹配找到对应的函数然后执行这个过程就是路由。 路由分为三部分请求类型、url、处理函数。
上图中有三个路由其中第一个路由请求的地址是/与后两者不同。虽然后两个路由请求的都是/index.html但是它们请求的方法不同。
当一个请求到来Express会进行路由匹配找到请求类型、url都相同的函数然后执行它。
当一个路由绑定了多个函数只有第一个生效。
app.get(/, (req, res) {res.send(func1)
})app.get(/, (req, res) {res.send(func2)
})以上代码为get /绑定了两个函数此时由于func1先定义只有func1会生效。 模块化
先前的所有路由都是直接挂载到app这个对象上的其实Express并不建议这么做而是建议将路由单独做成一个模块。
模块化路由流程
创建一个新模块.js文件调用express.Router方法创建路由对象往路由对象上挂载路由使用module.exports向外共享路由使用app.use注册路由模块
示例
以下操作均在router.js模块中。
创建路由对象
const express require(express)
const router express.Router()路由对象是express的一个对象专门用于挂载路由。
挂载路由
router.get(/, function(req, res){res.send(get / success)
})router.post(/, function(req, res){res.send(post / success)
})router.get(/index.html, function(req, res){res.send(get /index.html success)
})此时直接把路由挂载到router对象上而不是app对象上。
使用module.exports向外共享路由
module.exports router此时一个路由模块就制作完成了要注意不能写为exports router因为这样会导致exports和module.exports指向不同对象最后没有成功共享router。
在main.js中导入模块
const express require(express)
const router require(./router.js)
const app express()注册路由
app.use(router)直接将路由对象通过use注册到app中。
路由和静态资源托管一样都是通过app.use进行绑定的那么路由自然也可以增加路径访问前缀
app.use(/test, router)这样访问路由内部的所有路径时都要先加上前缀/test。
