import http from 'http';

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

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

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

// ------ response
response.statusCode = 200; // 重點(diǎn)：200 狀態(tài)碼表示請(qǐng)求成功，這是最常見的 HTTP 狀態(tài)碼之一，用于告知客戶端請(qǐng)求已被服務(wù)器順利接收并處理，不同的業(yè)務(wù)場(chǎng)景可能對(duì)應(yīng)不同的狀態(tài)碼，如 404 表示資源未找到，500 表示服務(wù)器內(nèi)部錯(cuò)誤等，合理設(shè)置狀態(tài)碼有助于客戶端正確解讀服務(wù)器反饋。
response.setHeader('Content-Type', 'text/html; charset=UTF-8');
// 重點(diǎn)：設(shè)置內(nèi)容類型為 'text/html; charset=UTF-8' 的響應(yīng)頭，明確告知客戶端返回的數(shù)據(jù)格式為 HTML 文本且采用 UTF-8 編碼，確?？蛻舳四苷_解析渲染服務(wù)器返回的內(nèi)容，避免出現(xiàn)亂碼等問題，根據(jù)返回?cái)?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();
// 重點(diǎn)：先使用 response.write 寫入要返回給客戶端的具體內(nèi)容，這里是一段簡(jiǎn)單的 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}`;
// 重點(diǎn)：首先巧妙地將服務(wù)器監(jiān)聽的地址、端口與客戶端請(qǐng)求的 URL 部分拼接起來，構(gòu)造出完整的 URL 字符串，為后續(xù)準(zhǔn)確解析參數(shù)奠定基礎(chǔ)。
let urlObj = new URL(fullUrl);
// 利用 URL 構(gòu)造函數(shù)創(chuàng)建一個(gè) URL 對(duì)象，該對(duì)象具備強(qiáng)大的解析功能，能將復(fù)雜的 URL 分解為各個(gè)有意義的組成部分，如協(xié)議、主機(jī)、路徑、查詢參數(shù)等，方便后續(xù)按需求提取信息。
const queryObj = new URLSearchParams(urlObj.search);
// 重點(diǎn)：結(jié)合 URL 對(duì)象中的 search 屬性（其包含了查詢參數(shù)部分），通過 URLSearchParams 構(gòu)造函數(shù)進(jìn)一步轉(zhuǎn)化為查詢參數(shù)對(duì)象，此時(shí)便可以輕松獲取具體的參數(shù)值。
console.log("web:", queryObj.get('web'));
// 展示了如何精準(zhǔn)獲取名為 'web' 的參數(shù)值，在實(shí)際業(yè)務(wù)中，依據(jù)這些參數(shù)值可靈活調(diào)整服務(wù)器返回的數(shù)據(jù)內(nèi)容，如根據(jù)用戶 ID、查詢關(guān)鍵詞等參數(shù)提供個(gè)性化的服務(wù)。

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