前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >【Node.js练习】web服务器案例

【Node.js练习】web服务器案例

作者头像
坚毅的小解同志的前端社区
发布2022-11-28 15:24:16
发布2022-11-28 15:24:16
1.2K00
代码可运行
举报
文章被收录于专栏:前端领域前端领域
运行总次数:0
代码可运行

Node.js教学 专栏 从头开始学习

目录

 核心思路

 实现步骤

 实现代码

      创建web服务器

   转换url地址 


 核心思路

把文件的实际存放路径,作为每个资源的请求url地址。

 实现步骤

  1. 导入需要的模块
  2. 创建基本的web服务器
  3. 将资源的请求url地址映射为文件的存放路径
  4. 读取文件内容并响应客户端
  5. 优化资源的请求路径

 实现代码

      创建web服务器

代码语言:javascript
代码运行次数:0
运行
复制
//导入
//导入http模块
const http = require('http');
//导入fs系统模块
const fs = require('fs');
//导入路径模块
const path = require('path');
//创建
//创建web服务器
const server = http.createServer();
//request事件
server.on('request', function (req, res) {

})
//监听
server.listen(8080, () => {
    console.log('server running at http://127.0.0.1:8080');
})

服务器搭建完成

   转换url地址 

代码语言:javascript
代码运行次数:0
运行
复制
//导入
//导入http模块
const http = require('http');
//导入fs系统模块
const fs = require('fs');
//导入路径模块
const path = require('path');
//创建
//创建web服务器
const server = http.createServer();
//request事件
server.on('request', function (req, res) {
    const url = req.url;
    //将返回的路径进行修改拼接 再返回到客户端
    const newPath = path.join(__dirname, '/时钟案例/clock', url)
    fs.readFile(newPath, 'utf-8', function (err, data) {
        if (err) {
            return console.log(' 404' + err);
        }
        res.end(data);
    })
})

//监听
server.listen(8080, () => {
    console.log('server running at http://127.0.0.1:8080');
})

直接再 端口号后面输入/index.html就可以访问到我们的时钟主页

 这是我的文件路径

代码语言:javascript
代码运行次数:0
运行
复制
 const newPath = path.join(__dirname, '/时钟案例/clock', url)

我们输入/index.html url拿到了这个短地址  ,dirname拿到了当前文件的目录路径也就是online,我们将路径导向index.html的父级文件夹 ,三个拼接在一起 就能准确的定位到index.html文件,获取内容将其发送到客户端。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-10-29,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  •  核心思路
    •  实现步骤
  •  实现代码
    •       创建web服务器
    •    转换url地址 
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档