import http from 'http';

// 本地回環(huán)地址是一個特殊的ip地址（通常為 127.0.0.1），主要用于同一臺主機(jī)的通信和測試
const hostname = '127.0.0.1'; // 重點：服務(wù)器監(jiān)聽的ip地址（本地回環(huán)地址），意味著服務(wù)器只接受來自本機(jī)的網(wǎng)絡(luò)請求
const port = 8008; // 重點：服務(wù)器監(jiān)聽的端口號

const server = http.createServer((request, response) => {
  // 后續(xù)詳細(xì)的請求與響應(yīng)處理邏輯將在此展開
});

// ------ request
// request.method: http 請求的方法
// request.url: 請求的 url
console.log(`${request.method} ${request.url}`);
// 重點：可獲取到諸如 GET、POST 等 HTTP 請求的具體方法以及請求指向的 URL 路徑，這對于根據(jù)不同請求類型和目標(biāo)路徑來分流處理業(yè)務(wù)邏輯至關(guān)重要。例如，若為 GET 請求且路徑為 /user，可針對性地查詢用戶信息并返回。
// console.log(request.headers) //http 請求的頭部信息
console.log("referer:", request.headers.referer);
// 重點：referer 字段記錄了發(fā)送請求的頁面地址，服務(wù)器借此可精準(zhǔn)知曉請求的來源，比如用于追蹤用戶是從哪個頁面跳轉(zhuǎn)而來，在分析用戶行為、防盜鏈等場景應(yīng)用廣泛。
console.log("user-agent:", request.headers['user-agent']);
// 重點：user-agent 字符串詳細(xì)描述了客戶端使用的瀏覽器類型、版本以及操作系統(tǒng)等關(guān)鍵信息，服務(wù)器依據(jù)此能夠針對不同客戶端特性優(yōu)化響應(yīng)內(nèi)容，實現(xiàn)兼容性適配，如為老舊瀏覽器提供簡化版頁面。
console.log("\n"); // 換行

// ------ response
response.statusCode = 200; // 重點：200 狀態(tài)碼表示請求成功，這是最常見的 HTTP 狀態(tài)碼之一，用于告知客戶端請求已被服務(wù)器順利接收并處理，不同的業(yè)務(wù)場景可能對應(yīng)不同的狀態(tài)碼，如 404 表示資源未找到，500 表示服務(wù)器內(nèi)部錯誤等，合理設(shè)置狀態(tài)碼有助于客戶端正確解讀服務(wù)器反饋。
response.setHeader('Content-Type', 'text/html; charset=UTF-8');
// 重點：設(shè)置內(nèi)容類型為 'text/html; charset=UTF-8' 的響應(yīng)頭，明確告知客戶端返回的數(shù)據(jù)格式為 HTML 文本且采用 UTF-8 編碼，確?？蛻舳四苷_解析渲染服務(wù)器返回的內(nèi)容，避免出現(xiàn)亂碼等問題，根據(jù)返回數(shù)據(jù)類型不同（如 JSON、XML 等），需相應(yīng)調(diào)整此頭部設(shè)置。
// response.end("<h3>dengruicode.com</h3>") // 發(fā)送響應(yīng)數(shù)據(jù)并結(jié)束響應(yīng)
response.write("<h3>dengruicode.com</h3>");
response.end();
// 重點：先使用 response.write 寫入要返回給客戶端的具體內(nèi)容，這里是一段簡單的 HTML 標(biāo)題，然后通過 response.end 正式結(jié)束響應(yīng)過程，向客戶端發(fā)送完整的響應(yīng)數(shù)據(jù)，二者配合完成響應(yīng)信息的傳輸。若有大量數(shù)據(jù)需要分多次發(fā)送，可多次調(diào)用 write 方法，最后以 end 收尾。

// ------ url http://127.0.0.1:8008/?id=1&web=dengruicode.com
let fullUrl = `http://${hostname}:${port}${request.url}`;
// 重點：首先巧妙地將服務(wù)器監(jiān)聽的地址、端口與客戶端請求的 URL 部分拼接起來，構(gòu)造出完整的 URL 字符串，為后續(xù)準(zhǔn)確解析參數(shù)奠定基礎(chǔ)。
let urlObj = new URL(fullUrl);
// 利用 URL 構(gòu)造函數(shù)創(chuàng)建一個 URL 對象，該對象具備強(qiáng)大的解析功能，能將復(fù)雜的 URL 分解為各個有意義的組成部分，如協(xié)議、主機(jī)、路徑、查詢參數(shù)等，方便后續(xù)按需求提取信息。
const queryObj = new URLSearchParams(urlObj.search);
// 重點：結(jié)合 URL 對象中的 search 屬性（其包含了查詢參數(shù)部分），通過 URLSearchParams 構(gòu)造函數(shù)進(jìn)一步轉(zhuǎn)化為查詢參數(shù)對象，此時便可以輕松獲取具體的參數(shù)值。
console.log("web:", queryObj.get('web'));
// 展示了如何精準(zhǔn)獲取名為 'web' 的參數(shù)值，在實際業(yè)務(wù)中，依據(jù)這些參數(shù)值可靈活調(diào)整服務(wù)器返回的數(shù)據(jù)內(nèi)容，如根據(jù)用戶 ID、查詢關(guān)鍵詞等參數(shù)提供個性化的服務(wù)。

server.listen(port, hostname, () => {
  console.log(`服務(wù)器已啟動: http://${hostname}:${port}`);
});