使用node.js仿写Apache
Git仓库：https://github.com/mandongpiaoxue/apache
本文原创，引用请注明出处
文件说明：
config.json //配置文件 images.js //引入的svg图片 server.js //服务器文件 run.bat //window中启动文件，双击立即启动服务
1. config.json文件的配置
{ "index": "index", //首页名字 "deny": { //拒绝IP的访问 "ips": [ "192.168.0.10" ] }, "hosts": [ { "host": "127.0.0.1", //配置域名 "dir": "D:/www" //配置路径 }, { "host": "www.man.cn", "dir": "D:/www" } ] }
2. run.bat文件代码
@cd /d %~dp0
@echo Node.js服務器啟動成功
@node server.js
3. server.js文件代码与说明
3.1 引入模块和文件
//引入模块
const http = require('http') const url = require('url') const fs = require('fs') const path = require('path') const images = require('./images') //引入图片
//定义变量 var config = [] var ips = [] var index = ''
//读取配置文件 fs.readFile(path.join(__dirname, 'config.json'), (err, data) => { config = JSON.parse(data.toString()) ips = config.deny.ips index = config.index })
3.2 写readfile函数：方便我们使用promise，简洁写代码
function readFile(file) { return new Promise((resolve, reject) => { fs.readFile(file, (error, data) => { if (error) { reject(error) } else { resolve(data) } }) }) }
3.3 server代码及注释
http .createServer(function (req, res) { /* 獲取遠程IP */ let remoteIp = req.socket.remoteAddress.substr(7) /* 屏蔽指定IP */ ips.forEach(ip => { if (ip === remoteIp) res.end('404 file no found!') }) /* 获取host，即域名 */ let host = req.headers.host /* 如果通過非80端口接入，會存在protocol，否則為null */ let protocol = url.parse(host).protocol if (protocol) host = protocol.slice(0, -1) /* 格式化Url */ let urlObject = url.parse(req.url, true) /* 获取路径名 */ let pathname = urlObject.pathname pathname = decodeURIComponent(pathname) /* 获取后缀名 */ let ext = path.parse(pathname).ext /* 查找访问的域名对应的相关配置 */ let server = config.hosts.find((v, i) => { return v.host === host }) /* 讀取匹配的路徑 */ if (!server.dir) res.end('域名未指向路径!') fs.readdir(server.dir, (error, data) => { if (error) res.end('域名指向路径错误') }) switch (ext) { /* 對.htm和.htm文件進行頭設置，防止部分html或htm文件無法解讀 */ case '.html': res.setHeader('Content-Type', 'text/html;chartset=utf-8') break case '.htm': res.setHeader('Content-Type', 'text/html;chartset=utf-8') break case '.txt': res.setHeader('Content-Type', 'text/plain;chartset=utf-8') break case '.css': res.setHeader('Content-Type', 'text/css;chartset=utf-8') break case '.doc': res.setHeader('Content-Type', 'application/msword;chartset=utf-8') break } let dir = server.dir let filePath = dir + pathname /* 以文件夾/目录形式讀取Url */ fs.readdir(filePath, (ed, dd) => { if (ed) { /* 直接讀取文件 */ readFile(filePath + '') .then(d1 => { res.end(d1) }, e1 => { res.setHeader('Content-Type', 'text/html;chartset=utf-8') /* 以省略.htm的形式讀取文件 */ return readFile(filePath + '.htm') }) .then(d2 => { res.end(d2) }, e2 => { /* 以省略.html的形式讀取文件 */ return readFile(filePath + '.html') }) .then(d3 => { res.end(d3) }, e3 => { res.end('404 file no found!') }) } else { /* 以html类型读取文件，所以设置响应头为'text/html;chartset=utf-8' */ res.setHeader('Content-Type', 'text/html;chartset=utf-8') /* 讀取目錄下的index.html文件 */ readFile(filePath + '/' + index + '.html') .then(d1 => { res.end(d1) }, e1 => { /* 讀取目錄下的index.htm文件 */ return readFile(filePath + '/' + index + '.htm') }) .then(d2 => { res.end(d2) }, e2 => { /* 讀取目錄下的index文件 */ return readFile(filePath + '/' + index) }) .then(d3 => { res.end(d3) }, e3 => { /* 如果没有index文件，则讀取目錄下的文件 */ let pna = pathname.split('/') pna.pop() let name = pna.pop() let pn = pathname.slice(0, -1) let pnl = pn.lastIndexOf('/') let upPath = pathname.slice(0, pnl + 1) let ds = ` <meta charset="UTF-8"> <title>${name}</title> <style> body{padding:20px 50px;} </style> <a style="display:block;height:32px;" href="${upPath}">${images.back}</a> ` dd.forEach(file => { if (file.search('\\\.') > -1) { ds += `<a style="display:block;height:32px;" href="${pathname + file}"><span style="height:32px;line-height:32px;float:left;display:block;">${images.file}</span><span style="height:32px;line-height:32px;float:left;display:block;">${file}</span></a>` } else { ds += `<a style="display:block;height:32px;" href="${pathname + file + '/'}"><span style="height:32px;line-height:32px;float:left;display:block;">${images.folder}</span><span style="height:32px;line-height:32px;float:left;display:block;">${file}</span></a>` } }) res.end(ds) }) } }) }) .listen(80, function (err) { if (err) console.log(err) })
4. 效果图
