【Node.js基础03】利用http模块创建Web服务

一:使用步骤

1 加载http模块,并创建Web服务程序

2 利用Web服务程序监听request事件,设置响应头和响应体

3 配置端口号并启动Web服务

4 浏览器请求设置的端口号,进行Web服务程序测试

二:简单应用

javascript 复制代码
const http = require('http')
// 创建Web服务对象
const server = http.createServer()
// req中包含本次请求的一些参数
server.on('request', (req, res) => {
  // 设置响应头和响应体
  //设置响应头内容类型-普通文本以及中文编码格式
  res.setHeader('Content-Type', 'text/plain;charset=utf-8')
  // 设置响应体内容,结束本次请求与响应
  res.end('欢迎使用Node.js和http模块创建Web服务')
})
//设置端口号为3000,来区分不同的Web服务,服务启动成功后调用回调函数
server.listen(3000, () => {
  console.log('启动成功');
})

在node.js中调用后,会启动计算机进程,持续监听是否有该端口号的请求。倘若要关闭该进程,则利用Ctrl+C操作。停止后,则无法通过浏览器访问到(该例,http://localhost:3000

三:浏览时钟案例

基于Web服务,开发提供网页资源的功能

1 实现思路

  1. 基于http模块,创建Web服务
  2. 监听reques事件,使用req.url获取在浏览器地址栏中的请求的资源路径
  3. 判断并读取index.html里的字符串内容,并设置响应头和响应体
  4. 访问的其他路径不存在时,暂时返回不存在提示
  5. 运行Web服务,在浏览器中测试
javascript 复制代码
const http = require('http')
// const server = require('server')
const server = http.createServer()
const fs = require('fs')
const path = require('path')
server.on('request', (req, res) => {
  if (req.url === '/index.html') {
    console.log(__dirname);
    fs.readFile(path.join(__dirname, 'index.html'), (err, data) => {
      res.setHeader('Content-Type', 'text/html;charset=utf-8')
      res.end(data.toString())
    })
  } else {
    res.setHeader('Content-Type', 'text/html;charset=utf-8')
    res.end('请求资源不在,请另行访问')
  }
})
server.listen(8080, () => {
  console.log('启动成功');
})
相关推荐
一 乐1 分钟前
智慧医药|基于springboot + vue智慧医药系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端
CC码码18 分钟前
告别杂乱数字:用 Intl.NumberFormat 打造全球友好的前端体验
前端·javascript·面试
李广山Samuel22 分钟前
四、Node-OPCUA 进阶(2)-OPCUA服务器(一)
node.js
妮妮喔妮27 分钟前
Webpack和Vite优化的区别
前端·webpack·node.js
广州华水科技1 小时前
单北斗GNSS在大坝形变监测中的应用与性能分析
前端
等风来不如迎风去1 小时前
【web】页面透明、插入图片
前端
谢尔登1 小时前
a 标签的跳转机制
前端·javascript·webpack·node.js
狂炫冰美式1 小时前
当硅基神明撞上人类的“叹息之墙”:距离证明哥德巴赫猜想,AI还有多远?
前端·算法·架构
毕设源码-邱学长1 小时前
【开题答辩全过程】以 基于Vue的爱心公益募捐平台的设计与实现为例,包含答辩的问题和答案
前端·javascript·vue.js
IT_陈寒1 小时前
Redis实战精要:5种高频使用场景与性能优化全解析|得物技术
前端·人工智能·后端