当前位置 : 主页 > 网页制作 > Nodejs >

Node.js Web 模块

来源:互联网 收集:自由互联 发布时间:2021-06-16
1.创建 Web 服务器 创建 Web 服务器需要用到http模块 使用http模块搭建一个基本的服务器: 步骤一:引入http模块 步骤二:创建服务对象 createServer(cb) 步骤三:设置路由,根据路径给客户端

1.创建 Web 服务器

创建 Web 服务器需要用到http模块

使用http模块搭建一个基本的服务器:
步骤一:引入http模块
步骤二:创建服务对象 createServer(cb)
步骤三:设置路由,根据路径给客户端响应相关的数据
步骤四:开启服务

//引入http模块
const http = require('http')

//创建服务对象
let server = http.createServer((req,res) =>{
    if(req.url === "/"){
        //设置要响应的数据
        res.write("这是首页")
        //结束此次响应
        res.end()
    }
})

//开启服务
server.listen(80,"127.0.0.1",function(){
    console.log("Server running at http://127.0.0.1:80/")
})

2.向客户端响应数据

向客户端响应数据要做到3点:
(1)设置头部信息,告知告知浏览器以何种编码解析数据 res.setHeader()
(2)设置响应的数据主体 res.write()
(3)结束此次请求。res.end()

注意:没有设置正确的contetn-type,浏览器就无法正确的解析相关数据

注意:res.write()可以多次发送数据,但是它只是把数据放入队列中,需要配合res.end()才能正常接收数据并且结束此次请求

注意:响应每个请求时都要加上res.end(),告知浏览器此次请求的相应已结束。不然浏览器会一直转圈圈。
res.end()本身也可以响应数据,但是数据类型只能是字符串和Buffer,其他类型的数据会报错。

//没有contetn-type,默认中文会乱码
app.get("/",function(req,res){
    res.write("你好")
    res.end()
})
//没有res.end() 客户端一直转圈,且接收不到res.write响应的数据
app.get("/",function(req,res){
    res.write("hello")
    res.write(" world")
})

正确的姿势:

//引入http模块
const http = require('http')

//创建服务对象
let server = http.createServer((req,res) =>{
    if(req.url === "/"){
        //设置头部信息
        res.setHeader("Content-Type","text/html;charset=utf-8")
        //设置要响应的数据
        res.write("<h1>这是首页</h1>")
        res.write("<h1>Node.js Web模块</h1>")
        //结束此次响应
        res.end()
    }
})

//开启服务
server.listen(80,"127.0.0.1",function(){
    console.log("Server running at http://127.0.0.1:80/")
})

3.req和res对象

创建http服务对象时,需要传入一个函数,用于处理用户的请求(判断请求地址和返回数据等)。这个传入的函数自带两个参数:req和res

req包含用户请求的信息,常用的有:

  • req.url:请求路径(包含query参数) 例如www.xxx.com/yyy => /yyy
  • req.method:客户端请求使用的方法(get,post...)
  • req.headers:返回所有的请求报文头,例如host/User-Agent/HostCookie等

res用来向客户端响应数据,常用的有:

  • res.writeHead():向请求发送响应头,只能在消息上调用一次,即使代码没有写,系统默认也会调用它。
res.writeHead(200, { 'Content-Type': 'text/plain' })
  • res.setHeader():设置响应头,例如
res.setHeader('Content-Type', 'text/html')
  • res.write():该方法发送一块响应主体。 可以多次调用该方法以提供连续的响应主体片段
res.write('hello wolrd')
res.write('good life')
  • res.end():此方法向服务器发出信号,表明已发送所有响应头和主体,该服务器应该视为此消息已完成。
    注意:必须在每个响应上调用此 response.end() 方法,不然浏览器会一直转圈圈等待服务器的相应
res.end()
  • 设置http响应状态码
    res.statusCode:响应状态码
    res.statusMessage:响应状态码对应的消息
response.statusCode = 404;
response.statusMessage = 'Not found';

1XX:Infomational(信息性状态码)接收的请求正在处理
2XX:Success(成功状态码)请求正常处理完毕
3XX:Redirection(重定向状态码)需要进行附加操作以完成请求
4XX:Client Error(客户端错误状态码)服务器无法处理请求
5XX:Server Error(服务器错误状态码)服务器处理请求出错

4.获取客户端get方式提交的参数

客户端通过get方式向服务器提交数据时,所以的数据都以字符串的形式拼接在url中。
这些数据分为2种,路径和参数,例如:

www.xxx.com/2019/10/12?name=zs&gender=man

按上面提交的url为例,/2019/10/12就是访问的路径,"?" 后面的 name=zs&gender=man 就是提交的参数。
这种提交参数的方式被称为 query 传参。

想要获取参数,就要对url进行分割,截取"?" 后面的字符串。然后再进行后面的逻辑处理,最终才能获取对应的key和val。这种方式显然很不方便,node.js已为其封装了一个模块,专门处理这类业务。

这个模块就是 url模块,url模块能处理的不仅仅是query参数,他对用户提交的href做了一系列封装处理:

语法:url.parse()
参数一:要解析的href,例如"http://www.xxx.com/2019/10/12?name=zs&gender=man"
参数二:可选。默认query参数是一个字符串。设置成true,可以将query参数解析成对象。
返回值:url.parse()返回一个对象ulr进行解析封装后的对象,其中pathname属性就是访问路径,query就是包含所有query参数的字符串或对象

const url = require('url')
var result = url.parse("http://www.xxx.com/2019/10/12?name=zs&gender=man")
console.log(result)

运行后控制台输出

{
    "protocol": "http:", 
    "slashes": true, 
    "auth": null, 
    "host": "www.xxx.com", 
    "port": null, 
    "hostname": "www.xxx.com", 
    "hash": null, 
    "search": "?name=zs&gender=man", 
    "query": "name=zs&gender=man", //参数
    "pathname": "/2019/10/12", //路径
    "path": "/2019/10/12?name=zs&gender=man", 
    "href": "http://www.xxx.com/2019/10/12?name=zs&gender=man"
}

url.parse()第二个设置成 true

"query": {
    "name": "zs", 
    "gender": "man"
},

完整的姿势:

//引入http模块
const http = require('http')
//引入url模块
const url = require('url')

//创建服务对象
let server = http.createServer((req,res) =>{
    //设置头部信息
    res.setHeader("Content-Type","text/html;charset=utf-8")
    //获取提交的参数并返回给客户端
    res.write(`<h3>访问路径:${url.parse(req.url,true).pathname}</h3>`)
    res.write(`<h3>name:${url.parse(req.url,true).query.name}</h3>`)
    res.write(`<h3>gender:${url.parse(req.url,true).query.gender}</h3>`)
    //结束此次响应
    res.end()
})

//开启服务
server.listen(80,"127.0.0.1",function(){
    console.log("Server running at http://127.0.0.1:80/")
})

网友评论