Node.js实现简易版基于http的文件服务器

最新推荐文章于 2023-11-15 11:33:46 发布
最新推荐文章于 2023-11-15 11:33:46 发布
阅读量1.1k 收藏 4
点赞数 3
分类专栏： web程序设计 文章标签： nodejs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fireflylane/article/details/84889103
版权

在这里插入图片描述

代码
var http = require("http");
var url = require("url");
var path =  require("path");
var mime = require("mime");
var fs = require("fs");
var urlencode = require('urlencode');

http.createServer(function(req, res){
    var pathname = url.parse(req.url).pathname;
    pathname = urlencode.decode(pathname, 'utf-8');
    if(pathname == "/favicon.ico") return;
    finalpath = __dirname + pathname;

    fs.exists(finalpath,function(exists){
        if(exists){
            if(fs.statSync(finalpath).isDirectory()){
                fs.readdir(finalpath,function(err,files){
                    if(err){
                        res.writeHead(200,{"Content-Type":'text/plain'});
                        res.end("<h1>404 page cannot be found</h1>");
                    }
                    else{
                        var html = "<head><meta charset='utf-8'></head>";
                        var files = fs.readdirSync(finalpath);
                        for (var i in files) {
                            var filename = files[i];
                            html += "<div ><h2><a href='http://127.0.0.1:8088" +
                             		pathname + '/'+  filename + "'>" + filename + "</a></h2></div>";
                        }
                        res.writeHead(200, {'content-type': 'text/html'});
                        res.end(html);
                    }
                })
            }
            else if(fs.statSync(finalpath).isFile()){
                fs.readFile(finalpath,function(err,data){
                    if(err) {res.end("cannot read file!");}
                    else {
                        res.writeHead(200,{"Content-Type":mime.getType(path.basename)});
                        res.end(data);
                    }
                })
            }
            else{
                res.writeHead(200,{"Content-Type":"text/html;charset=utf-8"});
                res.end("<h1>404 page cannot be found!</h1>");
            }
        }
    })
}).listen(8088);
截图
总结

虽然这个实验比较简单，但是还是查了好多资料，debug了好久，总结总结：

  1. 认识了版本管理工具nvm和包管理工具npm（对应python的pip）
  2. 服务器是个进程，创建了一个服务器后它会一直监听一个端口，等待请求，在收到url请求后会根据服务器程序逻辑处理参数、路径等信息相应的返回请求的资源(本程序返回的是html或一些文件的显示或下载)服务器是个进程，创建了一个服务器后它会一直监听一个端口，等待请求，在收到url请求后会根据服务器程序逻辑处理参数、路径等信息相应的返回请求的资源(本程序返回的是html或一些文件的显示或下载)
  3. 异步可以理解为事件触发，同步则是顺序执行
  4. JavaScript导模块的形式和python的import…as很类似，都会给模块取名
  5. 理解服务当前所在地址、路径名和绝对路径的区别
  6. 注意解析客服端请求的url并将其转换成资源管理器上的路径时要先对url进行解码
  7. 体会到了console.log对于调试的巨大作用
html += "<div ><h2><a href='http://127.0.0.1:8088" +
                            pathname + '/'+  filename + "'>" + filename + "</a></h2>

这段代码实现了程序的核心功能，一定要注意超链接跳转是对于客户来说的，客户端完成click事件后相当于向服务器发送了一个请求，所以链接应当是一个url（: 前面一直写成本地的资源管理器路径怎么点超链接都没有反应，查了好久才反应过来，被自己菜哭

参考资料

（1）get start
Node.js-Webstorm2018配置nodejs
（2）mime
【Node.js基础篇】（五）使用mime模块来响应css、js文件的请求
nodejs-mime类型
（3）fs
NodeJS遍历文件生产文件列表
搭建nodejs服务，访问本地站点文件
（4）url
NodeJS解析url参数
node 中，url.parse(req.url).pathname 和 req.url 的区别
（5）urlencode
Nodejs urlencode模块url加密解密
（6）实例
如何使用nodejs 服务器读取HTML文件渲染至前端
node静态资源服务器的搭建----访问本地文件夹（搭建可访问静态文件的服务器）

fireflylane
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
利用node.js搭建简易的http服务程序
为了忘却的纪念
10-27 300
1.使用http模块建立简单的HTTP服务 创建一个名为server.js的文件，内容如下: /* 1. 加载HTTP模块 2. 创建http服务对象 3. 监听用户请求事件 4. 启动服务 */ // 1、加载http模块 var http = require('http'); // 2、创建一个http服务对象 var server = http.createServer(); ...
通过nodejs搭建HTTP服务器
莫宛的博客
11-03 5877
文章目录通过nodejs搭建HTTP服务器前提搭建步骤实例启动服务器 通过nodejs搭建HTTP服务器 nodejs是一个用于解析执行javaScript代码的环境（它不是语言，不是框架），通过nodejs，javaScript可以完全脱离浏览器运行，也可以用于搭建服务器。 前提 安装好nodejs 搭建HTTP服务器，我们需要Nodejs提供的API 搭建步骤 加载nodejs提供的API—http，此模块的职责就是创建并编写服务器 通过http.createserver()方法创建一个web
建简单的静态文件服务器：使用Node.js和HTTP模块
最新发布
qq_44647871的博客
11-15 422
通过本篇文章，我们学习了如何使用Node.js和HTTP模块来创建一个简单的静态文件服务器。本篇文章将介绍如何使用Node.js和其内置的HTTP模块来创建一个简单的静态文件服务器。接下来，我们需要根据文件的扩展名来确定其Content-Type，并读取文件内容，然后将文件内容作为响应返回给客户端。如果文件存在，则根据Content-Type设置响应头，并将文件内容返回给客户端。接下来，我们需要完善回调函数中的逻辑，使其能够根据请求的路径返回相应的静态文件内容。，并设置了默认的文件路径为。
nodejs文件服务器
Gao996的博客
12-06 3304
nodejs环境配置 nodejs安装下载参照菜鸟教程nodejs 可以将node.exe添加到环境变量中，直接使用node命令。 js代码 'use strict'; var http = require('http'); var fs = require('fs'); var path = require('path'); var querystring = require('querystring'); var host = process.env.host || '0.0.0.0'; va
文件服务器 简书,手把手教你用node搭建一个http服务器和文件服务器。
weixin_35101659的博客
08-02 501
1.搭建http服务器上我的注释代码：//0.使用严格模式；'use strict';//1.导入Node当中内置了的http模块；const http = require('http');//2.创建一个server(服务器)实例，并且传入一个参数，只不过这个参数是个函数//这个函数可以写成回调函数的形式，加上箭头函数的写法。const server = http.createServer((r...
Node.js-node.js模拟实现一个简单的文件系统
08-09
Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它允许我们在服务器端编写高性能的应用程序，其中就包括文件系统的操作。 **Node.js的文件系统模块** 在Node.js中，我们主要使用内置的`fs`（文件系统）模块...
基于vue+node.js制作猫眼电影基本网页
06-16
本文将详细讲解如何基于Vue.js和Node.js技术栈构建一个简易版的猫眼电影网站，适合于大学生在软件工程课程中进行项目实践或作为毕业设计参考。我们将涵盖Vue.js的基本概念、Node.js后端开发以及如何整合这两个技术来...
Node.jsReact.jswebpack构建的简易个人视频主页
08-10
首先，Node.js是JavaScript的一个运行环境，它允许我们在服务器端使用JavaScript进行开发。在本项目中，Node.js可能被用来处理HTTP请求，与数据库交互，以及实现后端逻辑。例如，用户登录和注册功能可能由Node.js...
Node.js-一个简易版的Node进程池用来解决并行任务的处理
08-09
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，它允许开发者在服务器端使用 JavaScript 进行编程。在处理大量并发任务时，Node.js 的单线程模型可能会成为性能瓶颈，这时我们可以利用 Node.js 的子进程...
Node.js-基于pm2与ansible的简易项目运行与发布node库
08-09
在本主题"Node.js-基于pm2与ansible的简易项目运行与发布node库"中，我们将探讨如何利用pm2管理和部署Node.js应用程序，以及如何通过ansible自动化部署流程。 首先，**pm2** 是一个生产级别的Node.js进程管理器，它...
nodejs实现静态文件服务器
07-13
使用es6语法实现node.js的静态文件服务器：主要功能是浏览器请求某个文件，服务器端把对应的文件内容返回给客户端。
Nodejs urlencode模块url加密解密
热门推荐
lihefei_coder的博客
08-20 3万+
安装 npm install urlencode 使用 var urlencode = require('urlencode'); console.log(urlencode('苏千')); // default is utf8 console.log(urlencode('苏千', 'gbk')); // '%CB%D5%C7%A7' // decode gbk urlen...
如何通过nodejs快速搭建一个服务器
ct5211314的博客
12-12 1万+
在前端开发过程中，可能某些时候需要自己搭建一台服务器用于一些文件图片请求或者进行后端相关知识的学习。本文主要讲解如何通过nodejs进行一个基础服务器的搭建，包括如何将文件布置的服务器，以及基础接口的开发。后面可能会更新关于通过nodejs操作数据库，以及项目相关接口的开发。可能做一个简单的项目进行分享。当然，本文还是一些基础的东西，不过是手把手教学，还不抓紧卷起来。
Node.js开发入门—HTTP文件服务器
安晓辉生涯——聚焦程序员的职业规划与成长
08-06 1万+
HelloWorld示例只有演示意义，这次我们来搞一个实际的例子：文件服务器。我们使用Node.js创建一个HTTP协议的文件服务器，你可以使用浏览器或其它下载工具到文件服务器上下载文件。
Node.js建立一个超简单的HTTP服务器
Miss_LL的博客
12-06 926
PHP架构是"浏览器-HTTP服务器-PHP解释器”的组织方式，而Node.js采用了一种不同的组织方式即"浏览器-Node” 现在创建一个HTTP服务器： （1）建立app.js文件，内容如下：var htpp = require('http'); http.createServer(function(req,res){ res.writenHead(200,{'Content-t
nodejs使用nodejs创建简单的静态文件服务器
深度理解是快乐的源泉
07-11 580
在开始之前，应该好好规划一下项目的文件目录了。我的目录结构如下： assets放置网站的静态文件css，js，img等；common存放项目的配置文件和一些通用文件；server存放服务处理文件，将要创建的静态文件服务就是放在此目录中； tpl放置的是模板文件也就是网页文件。 文件的下载格式主要是由'Content-Type'的值决定的，要想下载的文件能够正常工作就应该正确的设置不同文件的
用 Node.js 实现的最简单的 HTTP 服务器
p1967914901的博客
04-21 286
用 Node.js 实现的最简单的 HTTP 服务器 //app.js var http = require('http'); http.createServer(function(req, res) { res.writeHead(200, {'Content-Type': 'text/html'}); res.write('<h1>Node.js</h1>'...
原生node用fs和http完成文件上传到服务器
chijiajing的博客
10-19 5750
var http=require("http"); var fs=require("fs"); http.createServer(function(req,res){ res.writeHead(200,{"Content-type":"text/html;charset=UTF-8","Access-Control-Allow-Origin":"*"}); if (req.
node--服务端资源图片
weixin_58178689的博客
04-08 624
node创建服务器
node.js实现上传文件
05-20
下面是一个使用 Node.js 实现文件上传的示例代码： ```javascript const http = require('http'); const formidable = require('formidable'); http.createServer(function(req, res) { if (req.url == '/upload' && req.method.toLowerCase() == 'post') { // 创建表单解析器 const form = new formidable.IncomingForm(); // 设置文件上传目录 form.uploadDir = './uploads'; // 限制上传文件大小为2MB form.maxFileSize = 2 * 1024 * 1024; // 解析表单数据 form.parse(req, function(err, fields, files) { if (err) throw err; // 文件上传成功，返回上传成功的信息 res.writeHead(200, {'Content-Type': 'text/plain'}); res.write('File uploaded successfully\n\n'); res.end(JSON.stringify({fields: fields, files: files})); }); return; } // 返回文件上传表单 res.writeHead(200, {'Content-Type': 'text/html'}); res.end(` <form action="/upload" method="post" enctype="multipart/form-data"> <input type="file" name="file"><br> <input type="submit" value="Upload"> </form> `); }).listen(8080); ``` 这段代码使用了 Node.js 内置的 HTTP 模块和第三方模块 `formidable` 来处理文件上传。在访问 `http://localhost:8080` 时，会展示一个包含文件上传表单的页面。当用户在表单中选择文件并提交时，服务器会将文件保存在指定的目录下，并返回上传成功的信息。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值