创建最基本的web服务器

一、创建web服务器的基本步骤

① 导入http模块
② 创建web服务器实例
③ 为服务器实例绑定request事件,监听客户端的请求
④ 启动服务器

二、步骤1 - 导入http模块

如果希望在自己的电脑上创建一个web服务器,从而对外提供web服务,则需要导入http模块。

const http = require('http')
三、步骤2 - 创建web服务器实例

调用http.createServer()方法,即可快速创建一个web服务器实例

const server = http.createServer()
四、步骤3 - 为服务器实例绑定request事件

为服务器实例绑定request事件,即可监听客户端发送过来的网络请求。

//使用服务器实例的.on()方法,为服务器绑定一个request事件
server.on('request',(req,res)=>{
  //只要有客户端来请求我们自己的服务器,就会触发request事件,从而调用这个事件处理函数
   console.log('Someone visit our web server . ')
})
五、步骤4 - 启动服务器

调用服务器实例的.listen()方法,即可启动当前的web服务器实例:

   //调用server.listen(端口号,cb回调)方法,即可启动web服务器
server.listen(80,()=>{
   console.log('http server running at http://127.0.0.1')   //因为是80端口所以省略
})
六、整体跑一遍
//导入http模块
const http = require('http')

//创建web服务器实例
const server = http.createServer()

//为服务器实例绑定request事件,监听客户端的请求
server.on('request', function (req, res) {
  console.log('Someone visit our web server .')
})

//启动服务器
server.listen(80, function () {
  console.log('server running at http://127.0.0.1')
})

运行代码


此时我们的服务算是启动了,在浏览器地址栏输入http://127.0.0.1会发现页面一直再加载(这个问题,我们后面再说)

ps:为何没有打印console.log('Someone visit our web server .')因为并没有请求服务。

七、req请求对象

只要服务器接收到了客户端的请求,就会调用通过server.on()为服务器绑定的request事件处理函数。
如果想在事件处理函数中,访问与客户端相关的数据或属性,可以使用如下方式:

const http = require('http')
const server = http.createServer()
//req 是请求对象,包含了与客户端相关的数据和属性
server.on('request',(req)=>{
    //req.url 是客户端请求的URL地址
const url = req.url
   //req.method 是客户端请求的method类型
 const method = req.method
 const str = `Your request url is ${url},and request method is ${method}` 
console.log(str)
})
server.listen(80,()=>{
console.log('server running at http://127.0.0.1')
})

此时我们运行http://127.0.0.1,会发现打印出的url路径是根路径'/',默认是get请求,因为http://127.0.0.1后面并未跟其他路径,所以是'/'


我们可以稍微改变一下,在url上面加上后续的地址,比如http://127.0.0.1/index.html,此时我们打印出的结果就是'/index.html',同时我们的请求方式还是get

要想验证post等请求,我们可以借助postman来实现,这里我就稍微操作一下演示:
1、首先打开postman
2、选择post请求方式,并输入http://127.0.0.1/index,点击send
3、切回编辑器,会看到下方打印出了新的请求监听。

postman

备注:注意一点,就是请求地址是从端口号之后开始的。

八、res响应对象

在服务器的request事件处理函数中,如果想访问与服务器相关的数据或属性,可以使用如下的方式:

server.on('request',(req,res)=>{
//res 是响应对象,它包含看与服务器相关的数据和属性,例如:
//要发送到客户端的字符串
const str = `Your request url is ${req.url},and request method is ${req.method}`
//res.end()方法的作用
//向客户端发送指定的内容,并结束这次请求的处理过程
res.end(str)
})

分析:简单的来,server.on会有两个参数,一个参数是req,另一个就是res,res.end()方法是用来向客户端发送内容的,至于req,上面已经讲过了。
如何验证res,我们可以终止之前的服务器,再次启动服务器查看效果。

res请求内容

想看post请求也可以,同样借助postman来实现
post

九、解决中文乱码问题

当调用res.end()方法,向客户端发送中文内容的时候,会出现乱码问题,此时,需要手动设置内容的编码格式。

server.on('request',(req,res) =>{
//发送的内容包含中文
const str = `您请求的url地址是${req.url},请求的method类型是${req.method}`
//为了防止中文显示乱码的问题,需要设置响应头Content-Type 的值为text/html;charset=utf-8
res.setHeader('Content-Type','text/html;charset=utf-8')
//把包含中文的内容,响应给客户端
res.end(str)
})

我们可以先不写转换的代码,看一下乱码效果,将str里面的英文改为中文:

const str = `您请求的url地址是${req.url},请求的method类型是${req.method}`

重新启动服务


乱码

我们加上转换乱码的代码:

 res.setHeader('Content-Type', 'text/html;charset=utf-8')

重新启动服务:


乱码转换结果
结尾

到这里本文的主要内容也就结束了,感谢大家的观看,这一篇会比较的多,希望大家可以花点时间自我拓展,推荐歌曲《falling you 》,让这个冬天,点燃我温暖你吧。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 161,873评论 4 370
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 68,483评论 1 306
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 111,525评论 0 254
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,595评论 0 218
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 53,018评论 3 295
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,958评论 1 224
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,118评论 2 317
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,873评论 0 208
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,643评论 1 250
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,813评论 2 253
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,293评论 1 265
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,615评论 3 262
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,306评论 3 242
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,170评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,968评论 0 201
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 36,107评论 2 285
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,894评论 2 278

推荐阅读更多精彩内容