用Node创建一个静态web服务器(读取文件)

最新推荐文章于 2022-03-17 17:16:47 发布
最新推荐文章于 2022-03-17 17:16:47 发布
阅读量223 收藏 1
点赞数
分类专栏： NodeJs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45752063/article/details/108356995
版权
创建服务器
  • 创建服务器的方法
    • http.cresteServer()
      //引入http模块
const http = require('http');
const { ESRCH } = require('constants');
//创建web服务方法是http.creatServer(()=>()).listen(3000)

http.createServer((req,res)=>{
   res.writeHead(200,{"Content-type":"text/html;charset='utf-8'"});
   res.write('<head><meta charset="UTF-8"></head>')
   res.write('内容')
   res.end()
}).listen(3000)
console.log('http://127.0.0.1:3000')
    • 以上这个只能给客户端响应简单的数据
NodeJs创建一个web服务器(可以放置静态网站、下载web服务器上的文件)
  • 代码(文件类型手动写死)
    //NodeJs创建一个web服务器(可以放置静态网站、下载web服务器上的文件)
//http://127.0.0.1:3000/index.html
// 1.获取网站地址
const http = require('http')
const fs = require('fs')
const path = require('path')
const url = require('url')
const common = require('./module/name.js')
http.createServer((req, res) => {
    // res.writeHead(200,{"Content-type":"text/html;charset='utf-8'"})
    //http://127.0.0.1:3000/index.html
    // 1.获取网站地址
    // let pathanme = req.url
    let pathanme = url.parse(req.url).pathname
    pathanme = pathanme == '/' ? '/index.html' : pathanme
    //path内置模块中有一个path.extname()方法获取后缀名
    let extanme = path.extname(pathanme)
    // console.log(extanme)
    //2. 通过fs模块读取文件
    if (pathanme != '/favicon.ico') {
        fs.readFile('./pack' + pathanme, (err, data) => {
            if (err) {
                res.writeHead(404, { "Conten-type": 'text/html;charset="utf-8"' })
                res.write('<head><meta charset="UTF-8"></head>')
                res.end('页面不存在')
            } else {
                let mime = common.getMime(extanme)
                // res.writeHead(200,{"Conten-type":"text/html;charset='utf-8'"})
                res.writeHead(200, { "Conten-type": '' + mime + ";charset='utf-8'" })
                // res.write('<head><meta charset="UTF-8"></head>')
                res.end(data)
            }
        })
    }
}).listen(3000)
console.log('http://127.0.0.1:3000')
  • 自己定义的模块
    • module/name.js
    exports.getMime=function(e){
	//e外部使用是传入的后缀名
    switch(e){
        case '.html':
            return 'text/html';
        case '.css':
            return 'text/css'
        case '.js':
            return 'text/javascript'
        default:
            return 'text/html';
    }
}
- 创建web服务器(文件格式从json文件中读取)推荐(比较全面)(异步的方法)

  • 创建web服务器

    	//NodeJs创建一个web服务器(可以放置静态网站、下载web服务器上的文件)
	//http://127.0.0.1:3000/index.html
	// 1.获取网站地址
	
	const http = require('http')
	const fs = require('fs')
	const path = require('path')
	const url = require('url')
	const common = require('./module/name.js')
	common.getMimes('.png')
	http.createServer((req, res) => {
	    // res.writeHead(200,{"Content-type":"text/html;charset='utf-8'"})
	    //http://127.0.0.1:3000/index.html
	    // 1.获取网站地址
	    // let pathanme = req.url
	    let pathanme = url.parse(req.url).pathname
	    pathanme = pathanme == '/' ? '/index.html' : pathanme
	    //path内置模块中有一个path.extname()方法获取后缀名
	    let extanme = path.extname(pathanme)
	    // console.log(extanme)
	    //2. 通过fs模块读取文件
	    if (pathanme != '/favicon.ico') {
	        fs.readFile('./pack' + pathanme, async (err, data) => {
	            if (err) {
	                res.writeHead(404, { "Conten-type": 'text/html;charset="utf-8"' })
	                res.write('<head><meta charset="UTF-8"></head>')
	                res.end('页面不存在')
	            } else {
	                // let mime = common.getMime(extanme)
	                let mimes = await common.getMimes(extanme)
	                
	                // res.writeHead(200,{"Conten-type":"text/html;charset='utf-8'"})
	                res.writeHead(200, { "Conten-type": '' + mimes + ";charset='utf-8'" })
	                // res.write('<head><meta charset="UTF-8"></head>')
	                res.end(data)
	            }
	        })
	    }
	}).listen(3000)
	console.log('http://127.0.0.1:3000')

  • 外部自定义模块/module/name.js

    //异步的
const fs = require('fs')
exports.getMimes =  function (a) {
    return new Promise((resolve,reject)=>{
        fs.readFile('data/Mime.json',(err,data)=>{
            if(err){
                console.log(err)
                reject(err)
            }else{
                 let site =  JSON.parse(data.toString())
            //    return site[a] 这是异步的，如果直接返回会有问题的(需要做异步处理)
                // console.log(site[a])
                resolve(site[a])
            }
        })
    })
    
}
// console.log(this.getMimes('.js'))
// this.getMimes('.js')

  • 外部文件类型库的json文件Mime.json

    {
	    ".ai": "application/postscript                 ",
	    ".eps": "application/postscript                 ",
	    ".exe": "application/octet-stream               ",
	    ".doc": "application/vnd.ms-word                ",
	    ".xls": "application/vnd.ms-excel               ",
	    ".ppt": "application/vnd.ms-powerpoint          ",
	    ".pps": "application/vnd.ms-powerpoint          ",
	    ".pdf": "application/pdf                        ",
	    ".xml": "application/xml                        ",
	    ".odt": "application/vnd.oasis.opendocument.text",
	    ".swf": "application/x-shockwave-flash          ",
	    ".gz": "application/x-gzip                     ",
	    ".tgz": "application/x-gzip                     ",
	    ".bz": "application/x-bzip2                    ",
	    ".bz2": "application/x-bzip2                    ",
	    ".tbz": "application/x-bzip2                    ",
	    ".zip": "application/zip                        ",
	    ".rar": "application/x-rar                      ",
	    ".tar": "application/x-tar                      ",
	    ".7z ": "application/x-7z-compressed            ",
	    ".txt": "text/plain               ",
	    ".php": "text/x-php               ",
	    ".html": "text/html                ",
	    ".htm": "text/html                ",
	    ".js": "text/javascript          ",
	    ".css": "text/css                 ",
	    ".rtf": "text/rtf                 ",
	    ".rtfd": "text/rtfd                ",
	    ".py": "text/x-python            ",
	    ".java": "text/x-java-source       ",
	    ".rb": "text/x-ruby              ",
	    ".sh": "text/x-shellscript       ",
	    ".pl": "text/x-perl              ",
	    ".sql": "text/x-sql               ",
	    ".bmp": "image/x-ms-bmp           ",
	    ".jp": "image/jpeg               ",
	    ".jpeg": "image/jpeg               ",
	    ".gif": "image/gif                ",
	    ".png": "image/png                ",
	    ".tif": "image/tiff               ",
	    ".tiff": "image/tiff               ",
	    ".tga": "mage/x-targa             ",
	    ".psd": "image/vnd.adobe.photoshop",
	    ".mp3": "audio/mpeg               ",
	    ".mid": "audio/midi               ",
	    ".ogg": "audio/ogg                ",
	    ".mp4a": "audio/mp4                ",
	    ".wav": "audio/wav                ",
	    ".wma": "audio/x-ms-wma           ",
	    ".avi": "video/x-msvideo          ",
	    ".dv": "video/x-dv               ",
	    ".mp4": "video/mp4                ",
	    ".mpeg": "video/mpeg               ",
	    ".mpg": "video/mpeg               ",
	    ".mov": "video/quicktime          ",
	    ".wm": "video/x-ms-wmv           ",
	    ".flv": "video/x-flv              ",
	    ".mkv": "video/x-matroska         " 	} 	
   ```
创建web服务器(文件格式从json文件中读取)推荐(比较全面)(同步的方法)

  • 和上面的唯一的区别是一个是上面是异步的(需要用到async await)，这里是同步的

  • 创建web服务器
    //NodeJs创建一个web服务器(可以放置静态网站、下载web服务器上的文件)
//http://127.0.0.1:3000/index.html
// 1.获取网站地址

const http = require('http')
const fs = require('fs')
const path = require('path')
const url = require('url')
const common = require('./module/name.js')
common.getMimes('.png')
http.createServer((req, res) => {
    // res.writeHead(200,{"Content-type":"text/html;charset='utf-8'"})
    //http://127.0.0.1:3000/index.html
    // 1.获取网站地址
    // let pathanme = req.url
    let pathanme = url.parse(req.url).pathname
    pathanme = pathanme == '/' ? '/index.html' : pathanme
    //path内置模块中有一个path.extname()方法获取后缀名
    let extanme = path.extname(pathanme)
    // console.log(extanme)
    //2. 通过fs模块读取文件
    if (pathanme != '/favicon.ico') {
        fs.readFile('./pack' + pathanme, (err, data) => {
            if (err) {
                res.writeHead(404, { "Conten-type": 'text/html;charset="utf-8"' })
                res.write('<head><meta charset="UTF-8"></head>')
                res.end('页面不存在')
            } else {
                // let mime = common.getMime(extanme)
                let mimes =  common.getMimes(extanme)
                
                // res.writeHead(200,{"Conten-type":"text/html;charset='utf-8'"})
                res.writeHead(200, { "Conten-type": '' + mimes + ";charset='utf-8'" })
                // res.write('<head><meta charset="UTF-8"></head>')
                res.end(data)
            }
        })
    }
}).listen(3000)
console.log('http://127.0.0.1:3000')
  • 外部自定义模块/module/name.js
    //同步
const fs = require('fs')
exports.getMimes = function (a) {
    var data = fs.readFileSync('./data/Mime.json');//同步方法
    let site = JSON.parse(data.toString())
    return site[a]
}
Jeffery Feng
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
nodejs实现静态文件服务器
07-13
使用es6语法实现node.js的静态文件服务器：主要功能是浏览器请求某个文件，服务器端把对应的文件内容返回给客户端。
node创建一个静态服务器。
X_lizhu93的博客
09-26 230
新建一个server2.js 的文件 加上代码 ： var express = require('express'); var app = express(); var path = require('path'); //指定静态资源访问目录 app.use(express.static(require('path').join(__dirname, 'airport'))); /...
node 创建静态web服务器（下）（处理异步获取数据的两种方式）
weixin_30426065的博客
07-30 102
接上一章。 上一章我们说创建的静态web服务器只能识别html，css，js文件，功能较为单一，且图片格式为text/html，这是不合理的。 本章，我们将解决该问题。 这里，我们先准备好一个json文件 {".323":"text/h323",".3gp":"video/3gpp",".aab":"application/x-authoware-bin",".aam":"applic...
Node | 简单新建服务器及读写文件
weixin_43817992的博客
12-04 158
写文件 var fs = require('fs'); fs.writeFile('./data/out.md','大家好 我是Node.js', function(error){ if(error){ console.log('写入文件失败\n',error); } else{ console.log('文件写入成功'); } }); 读文件 var fs = require('fs'); fs.readFile('./dat
Node.js web服务器文件读取
economics3的博客
03-17 1601
当采用Node.js搭建服务器需要响应浏览器发送的资源请求，服务端应该如何进行磁盘管理操作 由于文件我们预先是不是知道的 var http=require('http') http.createServer(function(req,res){ res.end()}) 请求资源一般是要在req.url进行解析获取到资源的路径，这里我假设已近得到了路径path 读取文件方式 文件模块对文件的读取常规方法fs.readFile(),fs.readFileSync() 首先采用同步方法，这种方法会堵塞执行，不可
node静态服务器实现静态读取文件或文件夹
10-15
在Node.js环境中，创建一个静态文件服务器主要用于提供Web应用程序中的静态资源，如HTML、CSS、JavaScript文件等。本文将深入探讨如何使用Node.js实现这样一个服务器，重点在于静态读取文件和文件夹，并解决可能出现...
Node.js静态文件服务器改进版
10-23
在本文中，我们将深入探讨如何使用Node.js构建一个静态文件服务器的改进版。这个版本不仅提供了基本的文件服务功能，还引入了一些优化特性，如Last-Modified和If-Modified-Since报文头的使用，以及对资源的压缩支持...
Node4-5静态资源服务器实战以及优化压缩文件实例内容
10-16
在Node.js环境中，静态资源服务器的构建是Web开发中的一个重要环节。Node4-5版本的静态资源服务器实战涉及到了如何高效地提供静态文件，并通过优化技术来提高用户体验，特别是通过压缩文件来减少网络传输的数据量。...
Nodejs中搭建一个静态Web服务器,通过读取文件获取响应类型示例代码.zip
10-22
总结：通过这个示例，我们学习了如何使用Node.js创建一个静态Web服务器，读取文件系统中的文件，并根据文件类型发送相应的HTTP响应。这个过程涉及到Node.js的核心模块`http`和`fs`，以及MIME类型的使用。这为构建更...
Node.js动手撸一个静态资源服务器的方法
10-17
通过本篇文章的学习，我们不仅了解了如何使用Node.js构建一个基本的静态资源服务器，还深入探讨了如何利用Node.js内置模块和API来优化服务器性能。这种服务器可以作为开发阶段的快速原型，也可以用于生产环境中小型...
nodejs创建简易web服务器与文件读写的实例
01-01
web服务器至少有以下几个特点： 1、24小时不停止的工作，也就是说这个进程要常驻在内存中 2、24小时在某一端口监听，如: http://localhost:8080, www服务器默认端口80 3、要能够处理基本的请求：如get, post 在node js中创建一台服务器非常的简单，因为node自带http模块，该模块可以帮助我们非常快速搭建一台web服务器，来处理一个简单的请求. const http = require(http); var server = http.createServer(function(){ console.log( '有人访问ghostwu的
用Nodejs搭建服务器访问html、css、JS等静态资源文件
10-19
本篇文章主要介绍了用Nodejs搭建服务器访问html、css、JS等静态资源文件的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
Nodejs中搭建一个静态Web服务器,通过读取文件获取响应类型
BADAO_LIUMANG_QIZHI的博客
10-22 856
场景 Web服务器一般指网站服务器，是指驻留于因特网上某种类型计算机的程序，可以向浏览器等Web客户端提供文档，也可以放置网站文件让全世界浏览，还可以放置数据文件，让全世界下载。目前最主流的Web服务器有Apache、Nginx、Its等。 Nodejs中的fs模块的使用： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/107774734 Node中的Http模块和Url模块的使用： https://blog.csdn.net/
nodejs 读取外部文件显示在页面上实现方法
weixin_45301448的博客
01-31 2550
假设我们现在有一个 web.js文件和一个 1.html文件。 现在 web.js文件要读取 1.html文件里的类容 并且要把读取的内容显示在页面上 实现方法： 第一步 引入 http 核心模块和映入 读写文件 核心模块 (fs) let http = require('http') let fs = require('fs') 第二步 使用 http.createServer() 方...
Node.js快速创建一个访问html文件的服务器
毛毛虫博客
01-07 2104
var http = require('http'), // 引入需要的模块 fs = require('fs'), //引入文件读取模块 cp = require('child_process'), // 可自动打开浏览器模块 url = require("url"), path = require("path"); http.createServer(function (...
nodejs 构建本地web测试服务器 以及 解决访问静态资源的问题！有完整源码！
weixin_30872867的博客
07-13 309
直接打开html文件，是以file:///方式打开的，这种方式很多时候会遇到跨域的问题，因此我们一般会搭建一个简易的本地服务器，来运行测试页面。 一、构建静态服务器 1、使用express模块 建立个js文件，命名server，内容代码如下： 1 var express = require('express'); 2 var app = express(); 3 var pa...
创建一个新的服务
iig669ml
01-19 215
创建一个新的服务 2010年11月23日 　　创建一个新的服务 　　　　执行服务的程序也是一个EXE文件，不过它必须符合某些特定的规范，以便可以与SCM进行正确的交互。微软很细致地设计了函数调用的流程，你必须遵循这些流程，否则你的服务就不能工作。具体的规定如下所列。你可以在Win32编程者的参考指南中找到以下涉及的函数，这些资料在SDK的Win32在线帮助或者Visual C++...
读取当前文件夹下的所有文件，及内容（node）
weixin_45752063的博客
02-18 1389
function readDir (pathUrl) { fs.readdir(pathUrl, ( err, fileName) => { if ( err ) { console.log('文件夹读取错误',err) }else{ for ( let i = 0; i < fileName.length; i++){ console.log(`${pathUrl}：`,fi
编写一段node.js代码，创建一个web服务器
最新发布
08-03
下面是一个使用Node.js创建一个简单的Web服务器的示例代码： 首先，需要安装Node.js。然后在命令行中创建一个新的项目文件夹，并进入该文件夹。 接下来，创建一个新的JavaScript文件，例如`server.js`。在这个文件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值