如果我們想在終端輸入命令行啟動一個服務(wù)，這是我們需要下載一個工具
npm i yargs --save
yags 可以幫助我們解析命令行參數(shù)，把參數(shù)解析成對象
如何發(fā)布自己的npm包
- 注冊npm
- 登陸之后驗證你的郵箱
- 代碼提交github
- 進入項目跟目錄，命令行
npm -y生成package.json文件 -
npm adduser輸入完用戶名，密碼，郵箱后沒有錯誤信息就完成了 - 發(fā)布包
npm publish
這是我的靜態(tài)服務(wù)器，安裝方法：
npm install hj-static-server
項目地址：Github
怎樣處理緩存
1.對比緩存
Last-Modified
- 當瀏覽器第一次請求服務(wù)器時，服務(wù)器會把緩存標識(
Last-Modified)和數(shù)據(jù)一起返回客戶端，再次請求時，服務(wù)器根據(jù)瀏覽器請求信息(if-modified-since)判斷是否命中緩存，如果命中返回304狀態(tài)碼。
1 .但是如果文件修改比較頻繁，如果一秒內(nèi)修改多次那么，Last-Modified是沒法準確判斷了，因為他只能精確到秒。
2 . 如果文件的修改的時間變了，但是內(nèi)容未改變，我們也不希望客戶端認為文件修改了 。
3 .如果同樣的一個文件位于多個CDN服務(wù)器上的時候內(nèi)容雖然一樣，修改時間不一樣。
ETag
- 當瀏覽器二次請求的時候，服務(wù)器取出請求標識(
if-none-match)，并根據(jù)實體內(nèi)容生成一段哈希字符串，標識資源狀態(tài)。當資源未改變命中緩存，反正不執(zhí)行緩存。
2.強制緩存
Cache-Control 和 Expires
強制緩存的好處是瀏覽器不需要發(fā)送HTTP請求，一般不常更改的頁面都會設(shè)置一個較長的強制緩存。
Cache-Control與Expires的作用一致，都是指明當前資源的有效期，控制瀏覽器是否直接從瀏覽器緩存取數(shù)據(jù)還是重新發(fā)請求到服務(wù)器取數(shù)據(jù),如果同時設(shè)置的話，其優(yōu)先級高于Expires。但Expires是HTTP1.0的內(nèi)容，現(xiàn)在瀏覽器均默認使用HTTP1.1,所以基本可以忽略 。
Cache-Control 有幾個參數(shù)
- private 客戶端可以緩存
- public 客戶端和代理服務(wù)器都可以緩存
- max-age=60 緩存內(nèi)容將在60秒之后生效
- no-cache 需要使用對比緩存驗證數(shù)據(jù)，強制向服務(wù)器再次發(fā)送
- no-store 所有內(nèi)容都不會緩存，強制緩存和對比緩存都不會觸發(fā)
下面用代碼說話，是如何處理緩存的。
handleCache(req,res,filepath,statObj){
let isNoneMatch = req.headers['is-none-match'];
res.setHeader('Expires',new Date(Date.now() + 30 *1000).toGMTString());
let etag = statObj.size;
let ifModifiedSince = req.headers['if-modified-since'];
let lastModified = statObj.ctime.toGMTString();
res.setHeader('ETag',etag);
res.setHeader('Last-Modified',lastModified);
//如果任何一個對比緩存頭不匹配，則不走緩存
if(isNoneMatch && isNoneMatch !== etag){
return false
}
if(lastModified && lastModified !==ifModifiedSince){
return false
}
if (isNoneMatch || ifModifiedSince) {
res.writeHead(304);
res.end();
return true;
} else {
return false;
}
}
怎樣處理壓縮
瀏覽器請求頭中，都會攜帶自己的壓縮類型，最常用的兩種是gzip和deflate，服務(wù)端可以根據(jù)Accept-Ecoding頭來返回響應的壓縮資源
具體實現(xiàn)代碼：
getEncoding(req,res){
let acceptEncoding = req.headers['accept-encoding'];
if(/\bgzip\b/.test(acceptEncoding)){
res.setHeaders('Content-Encoding','gzip');
return zlib.createGzip();
}else if(/\bdeflate\b/.test(acceptEncoding)){
res.setHeader('Content-Encoding', 'deflate');
return zlib.createDeflate();
}else{
return null;
}
}
什么是斷點續(xù)傳
對一個文件根據(jù)我們請求頭中range字段中對應的bytes的值，下載文件內(nèi)容。
getStream(req, res, filepath, statObj) {
let start = 0;
let end = statObj.size - 1;
let range = req.headers['range'];
if (range) {
res.setHeader('Accept-Range', 'bytes');
res.statusCode = 206;//返回整個內(nèi)容的一塊
let result = range.match(/bytes=(\d*)-(\d*)/);
if (result) {
start = isNaN(result[1]) ? start : parseInt(result[1]);
end = isNaN(result[2]) ? end : parseInt(result[2]) - 1;
}
}
return fs.createReadStream(filepath, {
start, end
});
}
源代碼 Github地址
