cmd退出node環(huán)境 ctrl+c
ipconfig /all看本地服務(wù)器地址
- 創(chuàng)建簡(jiǎn)單服務(wù)器
在頁(yè)面輸入http://10.134.164.143:3000/ 或者 localhost:3000 顯示111
const http = require("http");
http.createServer((request, response) => {
// response.write("小龍哥來(lái)也");
// response.write("湯姆貓來(lái)也");
// response.write("小龍人來(lái)也");
response.end("111")
}).listen(3000,"10.134.164.143",() => {
console.log("我已經(jīng)啟動(dòng)了……")
});
- 根據(jù)url參數(shù)選擇內(nèi)容
在頁(yè)面輸入http://10.134.164.143:3000/ 顯示con.html
在頁(yè)面輸入http://10.134.164.143:3000/index.html 顯示index.html
在頁(yè)面輸入http://10.134.164.143:3000/about.html 顯示about.html
const http = require('http');
http.createServer((req, res) => {
if(req.url.endsWith('index.html')){
res.end('index.html');
}else if(req.url.endsWith('about.html')){
res.end('about.html');
}else{
res.end("con.html")
}
}).listen(3000,'10.134.164.143', () => {
console.log("我已經(jīng)啟動(dòng)了……");
})
- 實(shí)現(xiàn)靜態(tài)服務(wù)器(www下面放靜態(tài)資源)
在頁(yè)面輸入http://10.134.164.143:3000/www/index.html 顯示index.html的頁(yè)面內(nèi)容
const http = require('http');
const path = require('path');
const fs = require('fs');
let staticDir = '/www';
http.createServer((req, res) => {
// 根據(jù)url地址讀取對(duì)應(yīng)文件的內(nèi)容然后返回客戶端
//如果url以/www開(kāi)頭 比如http://10.134.164.143:3000/www
if (req.url.startsWith(staticDir)) {
//得到文件名稱蜜猾，比如index.html
let filename = path.basename(req.url);
//讀取www下面的index.html文件筹吐，data是數(shù)據(jù)內(nèi)容银室，在res.end(data)返回到頁(yè)面
fs.readFile(path.join(__dirname, staticDir, filename), (err, data) => {
res.end(data);
})
}
}).listen(3000,'10.134.164.143', () => {
console.log("服務(wù)器啟動(dòng)啦……")
})
此時(shí)發(fā)現(xiàn)輸入html擴(kuò)展名結(jié)尾文件ok，其他文件會(huì)亂碼
引入mime.json ,里面設(shè)置了各個(gè)擴(kuò)展民結(jié)尾的對(duì)應(yīng)格式
獲得擴(kuò)展名，設(shè)置對(duì)應(yīng)的響應(yīng)類型，文本擴(kuò)展名指定編碼格式，設(shè)置響應(yīng)頭
const http = require('http');
const path = require('path');
const fs = require('fs');
const mime = require('./mime.json');
let staticDir = '/www';
http.createServer((req, res) => {
// 根據(jù)URL地址讀取對(duì)應(yīng)文件的內(nèi)容返回客戶端
if(req.url.startsWith(staticDir)){
let filename = path.basename(req.url);
fs.readFile(path.join(__dirname, staticDir, filename),(err, data) => {
// 獲取URL中文件的擴(kuò)展名
let ext = path.extname(req.url);
// 設(shè)置響應(yīng)類型的默認(rèn)值
let cType = "text/html";
// 如果請(qǐng)求的文件格式存在就覆蓋默認(rèn)值
// 不存在就是用默認(rèn)值
if (mime[ext]) {
cType = mime[ext];
}
// 文本文件需要指定編碼畜号，圖片不需要
if (mime[ext].startsWith('text')) {
cType += '; charset=utf8';
}
// 設(shè)置響應(yīng)頭信息
res.writeHead(200, {
'Content-Type' : cType
})
res.end(data);
})
}
}).listen(3000, '127.0.0.1', () => {
console.log("準(zhǔn)備開(kāi)始了……")
})
- 解決自定義更路徑問(wèn)題和封裝（靜態(tài)資源服務(wù)器方法）
/*
靜態(tài)資源服務(wù)器封裝
*/
const path = require('path');
const fs = require('fs');
const mime = require('./mime.json');
let staticDir = '/abc';
// let rootDir = __dirname;
//自己定義根目錄，記得路徑加\\
let rootDir = 'D:\\xiangmu\\Node\\lesson-05\\';
//如果沒(méi)有找到靜態(tài)資源允瞧，就返回404弄兜，es6字符串拼接
let info404 = `
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>404</title>
</head>
<body>
<p>頁(yè)面被老板吃了</p>
</body>
</html>
`;
exports.initStaticServer = (req, res, rootDir, staticDir) => {
// 根據(jù)URL地址讀取對(duì)應(yīng)文件的內(nèi)容返回客戶端
if(req.url.startsWith(staticDir)){
let filename = path.basename(req.url);
fs.readFile(path.join(rootDir, staticDir, filename),(err, data) => {
if (err) {
res.end(info404);
return ;
}
// 獲取URL中文件的擴(kuò)展名
let ext = path.extname(req.url);
// 設(shè)置響應(yīng)類型的默認(rèn)值
let cType = "text/html";
// 如果請(qǐng)求的文件格式存在就覆蓋默認(rèn)值
// 不存在就是用默認(rèn)值
if (mime[ext]) {
cType = mime[ext];
}
// 文本文件需要指定編碼，圖片不需要
if (mime[ext].startsWith('text')) {
cType += '; charset=utf8';
}
// 設(shè)置響應(yīng)頭信息
res.writeHead(200, {
'Content-Type' : cType
})
res.end(data);
})
}
}
