手寫簡版無三方依賴的Node-Server實現示例
更新時間：2023年06月11日 09:13:23 作者：vannvan
這篇文章主要為大家介紹了手寫簡版無三方依賴的Node-Server實現示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
引言
預告：今天寫的可能用處不大，各位看官謹慎選擇要不要看下去...
?又是顯得D疼造輪子系列之手寫無三方依賴的輕量級Node-server，哇，好多的形容詞，且看需求。
產品說要看一下頁面寫的怎么樣了但是他又不想動或者你不想看到他，我覺得多半是因為后者?，那么問題來了，憑咱自己能不能把產品拒在10米之外又讓他把頁面瞅一眼，那必須是可以的，廢話少說，直接開寫。
Node知識點
- fs
- http
- os
從開啟一個基本的Node服務開始, http模塊參考文檔
http.createServer(function (request, response) {
// 發(fā)送 HTTP 頭部
// HTTP 狀態(tài)值: 200 : OK
// 內容類型: text/plain
response.writeHead(200, {'Content-Type': 'text/plain'});
// 發(fā)送響應數據 "Hello World"
response.end('Hello World\n');
}).listen(8888);
// 這就開啟了一個最基礎的node服務，瀏覽器訪問 http://127.0.0.1:8888 即可看到Hello World那么萬里長征第一步的踮腳動作算是完成了，接下來就是實現怎么打開我們自己的html頁面。 想要打開html頁面肯定就要訪問文件，于是就得用到fs模塊，以下代碼可以實現深層遍歷腳本同目錄下的html文件。
遍歷頁面需要的文件, fs模塊參考文檔
function geFileList(path) {
var filesList = [];
readFile(path, filesList);
return filesList;
}
//獲取文件類型
function getType(filename){
var index=filename.lastIndexOf(".");
if(index!=-1){
var type=filename.substring(index+1,filename.length);
return type;
}
}
//遍歷讀取文件
function readFile(path, filesList) {
files = fs.readdirSync(path);//需要用到同步讀取
files.forEach(walk);
function walk(file) {
states = fs.statSync(path + '/' + file);
if (states.isDirectory()) {
readFile(path + '/' + file, filesList);
}
else {
var obj = new Object();
obj.size = states.size;
obj.name = file;//文件名
obj.type = getType(file)
filesList.push(obj);
}
}
}
// 統(tǒng)計各類文件數量
function countFileByType(obj){
var keyContainer = {};
obj.forEach(item => {
keyContainer[item.type] = keyContainer[item.type] || [];
keyContainer[item.type].push(item);
});
return keyContainer
}
module.exports.geFileList = geFileList
module.exports.countFile = countFileByType
module.exports.getType = getType
//方法模塊化，把文件讀取操作剝離比較容易整理思路，emmmmmmm，但是寫的不是很優(yōu)雅，有待改進Node服務可以開啟了，文件可以遍歷了，至此基礎建設算是搞起來了，接下來就需要開一個不用看見產品的服務了。
開啟局域網服務
我們再次把獲取ip地址的方法剝離，需要用到的Node知識點是os模塊, os模塊參考文檔
const os = require('os');
const getlocalIp = () => {
var interfaces = os.networkInterfaces();
var ipArr = []
for (var devName in interfaces) {
var iface = interfaces[devName];
for (var i = 0; i < iface.length; i++) {
var alias = iface[i];
if (alias.family == 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
ipArr.push(alias.address)
}
}
}
return ipArr
}
const getWlanIp = () => {
var interfaces = os.networkInterfaces().WLAN
var WlanIp = ''
for(let ip of interfaces){
if(ip.family=='IPv4'){
WlanIp = ip.address
}
}
return WlanIp
}
module.exports.getlocalIp = getlocalIp
module.exports.getWlanIp = getWlanIp
// 為什么這里要留兩種ip地址呢，因為有時候我們也需要開啟一個非局域網ip的服務啦，多功能加成寫到這里突然想到一個問題，我做這個功能的另外一個很重要的目的是解決http-server默認開啟8080端口的缺陷，因為8080端口很大可能會被占用，于是想到開啟服務時不妨隨機分配一個8###端口，這樣就極少可能存在端口被占用的情況了，一個隨機數就能實現?
捋一下功能實現的步驟
- 讀取某目錄下的html文件
- 獲取局域網Ip地址/本地Ip地址
- 分配隨機端口
- 自動打開瀏覽器，生成index文件鏈接
整合后核心步驟
模塊引入
const http = require('http');
const fs = require('fs');
const Ip = require('../lib/get-ip')
const F = require('../lib/get-file')
const root = process.cwd(); //當前目錄
const port = Math.floor(Math.random () * 1000) + 8000;
var localIP = Ip.getlocalIp()
var wlanIp = Ip.getWlanIp() || localIP[0]主方法
function setHttpServer() {
await setConsoleInfo();
await fs.exists('index.html',function(exists){
if(!exists){
openDefaultBrowser(`http://`+wlanIp+':'+port)
}else{
openDefaultBrowser(`http://`+wlanIp+':'+port+'/index.html')
}
})
}開啟服務并排錯
server=http.createServer(function(req,res){
if(req.url === '/favicon.ico') {
// console.log('\033[42;30m DONE \033[40;32m Compiled successfully in 19987ms\033[0m')
}else{
var url=req.url;
var file = root+url;
fs.readFile(file,function(err,data){
if(err){
res.writeHeader(404,{
'content-type' : 'text/html;charset="utf-8"'
});
if(!F.countFile(F.geFileList(root)).html){
res.write('<h1>404頁面</h1><p><h2>當前目錄沒有html文件</h2>')
}else{
let fileList = fs.readdirSync(`${file}`);
for(let f of fileList){
let type = F.getType(f)
if(type=='html'){
res.write('<br/>'+`<a href="${f}" rel="external nofollow" >${f}</a>`+'\n')
}
}
}
res.end();
}else{
var surl = '.'+url;
var type = surl.substr(surl.lastIndexOf(".")+1,surl.length)
res.writeHeader(200,{
'content-type' : "text/"+type+';'+'charset="utf-8"'
});
res.write(data);
res.end();
}
})
}
}).listen(port);控制臺顯示一下服務地址
function setConsoleInfo(){
let info = 'The default service has been opened in the browser!'
console.log('\033[42;30m DONE \033[;32m' + info + '\033[0m')
for(let dev of localIP){
console.log(`${dev}`+':'+port)
}
}自動打開瀏覽器
function openDefaultBrowser(url) {
var exec = require('child_process').exec;
switch (process.platform) {
case "darwin":
exec('open ' + url);
break;
case "win32":
exec('start ' + url);
break;
default:
exec('xdg-open', [url]);
}
}至此一個簡單的無三方依賴的輕量級的Node服務就建立起來了，過程略顯粗暴，沒有詳細的解釋模塊方法的使用方式，因為所用的的方法都比較簡單。
當然這個小插件還有一定的缺陷，擴展性略低，只能滿足簡單的需求，還有很大的改進空間，希望走過路過的不吝給予更好的建議。?[來自青銅選手的真誠臉]
歡迎使用npm進行安裝試用
npm i set-node-server set-server / ss
git交流地址：vannvan/set-node-server
以上就是手寫簡版無三方依賴的Node-Server實現示例的詳細內容，更多關于Node Server無三方依賴的資料請關注腳本之家其它相關文章！
相關文章
這篇文章主要介紹了node.js中的console.log方法使用說明,本文介紹了console.log的方法說明、語法、接收參數、使用實例和實現源碼,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了node.js中的fs.chmod方法使用說明,本文介紹了fs.chmod方法說明、語法、接收參數、使用實例和實現源碼,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了Nodejs項目打包部署兩種方式的相關資料,兩種方式分別是使用PM2和pkg,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-06-06
heroku是構建在AWS之上的一個PaaS云平臺，現在支持Ruby, Node.js, Python, Java, 和 PHP，代碼的部署是通過git進行，編譯和運行都是自動的。2014-07-07
這篇文章主要介紹了Express定制路由,結合實例形式分析了express框架定制路由原理、用法及相關注意事項,需要的朋友可以參考下2023-05-05
nodejs的HTML分析利器node-jquery用法淺析
這篇文章主要介紹了nodejs的HTML分析利器node-jquery用法,簡單分析了node-jquery的功能并結合實例說明了node-jquery控制臺輸出信息的操作技巧,需要的朋友可以參考下2016-11-11
nodejs配置express服務器運行自動打開瀏覽器詳細步驟
在nodejs中使用express來搭建框架可以說是非常的簡單方便,下面這篇文章主要給大家介紹了關于nodejs配置express服務器運行自動打開瀏覽器的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-01-01
本篇文章主要介紹了Koa項目搭建過程詳細記錄，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
本文給大家簡單介紹了NodeJS里最常用的測試框架--mocha的安裝以及簡單的使用方法，支持直接在browser上跑Javascript代碼測試，這里推薦給大家2017-03-03
Nodemon是一個Node.js開發(fā)工具,用于自動監(jiān)控文件變化并重啟服務器,本文就來介紹一下Nodemon工具的具體使用,具有一定的參考價值,感興趣的可以了解一下2024-12-12