每個開發人員都應該了解的基本 Express 請求屬性
在專案後端工作時,處理請求和回應至關重要。有效管理這些請求對於客戶端和伺服器之間的順利通訊至關重要。以下是每個開發人員都應該熟悉的一些常見且重要的請求屬性。
1. 請求ip
Express.js 中的req.ip 是請求物件的屬性,它提供發出請求的客戶端的 IP 位址。它傳回一個代表客戶端 IP 位址的字串。
處理代理:
預設情況下,如果應用程式位於代理程式後面,則 req.ip 可能會傳回代理程式的 IP,而不是真實客戶端的 IP。若要取得正確的用戶端 IP,您可以透過設定信任代理程式來設定 Express 信任代理程式。
app.set("trust proxy", true);
現在,即使在代理後面,req.ip 也會傳回客戶端的正確 IP。
範例:
app.get('/', (req, res) => { console.log(req.ip); // Logs the client's IP address res.send(`Your IP address is ${req.ip}`); });
2. 請求cookies
要使用 req.cookies,我們需要安裝名為 cookie-parser 中介軟體的套件。此屬性用於取得 Cookies header 中用戶端所發送的 cookie。 req.cookies 中的 Cookie 未簽名,表示它們未經修改或驗證。您可以將其用於不太敏感的數據
import cookieParser from "cookie-parser"; app.use(cookieParser()); app.get('/example', (req, res) => { console.log(req.cookies); // { cookieName: 'cookieValue' } });
3.req.signedCookies
要使用 req.signedCookies,我們需要安裝名為 cookie-parser 中間件的套件。其中包含已簽署和驗證的 cookie,以確保它們未被更改。簽署的 cookie 使用金鑰進行加密。 req.signedCookies 只儲存通過驗證的cookie。
如何設定簽章 Cookie:
若要設定簽章cookie,您可以使用signed: true選項:
res.cookie('signedCookieName', 'signedValue', { signed: true });
範例:
import cookieParser from "cookie-parser"; app.use(cookieParser('your-secret-key')); app.get('/example', (req, res) => { console.log(req.signedCookies); // { signedCookieName: 'signedValue' } });
4. 請求參數
Express.js 中的req.params 是一個包含請求 URL 中的路由參數的物件。路由參數在路由路徑中被命名為佔位符,req.params 將客戶端提供的值儲存在這些佔位符的 URL 中。
您可以透過在參數名稱前使用冒號 (:) 來定義帶參數的路由。
範例:
app.get('/users/:userId', (req, res) => { console.log(req.params); // { userId: 'valueFromURL' } res.send(`User ID is ${req.params.userId}`); });
5. 請求查詢
Express.js 中的req.query 是一個對象,其中包含請求 URL 中的查詢字串參數。查詢字串是位於 ? 之後的鍵值對。位於 URL 中,用於將附加資料傳遞到伺服器。可以使用 & 傳遞多個查詢。
範例網址:
http://example.com/search?term=flowers&sort=asc
範例:
app.get('/search', (req, res) => { console.log(req.query); // { term: 'flowers', sort: 'asc' } res.send(`Search term: ${req.query.term}, Sort order: ${req.query.sort}`); });
6. 請求體
它包含客戶端發送的資料的鍵值對。預設情況下,其值未定義。可以使用內建中間件(例如express.json和urlencoded({extended:true}))或外部中間件(例如body-parser)填充正文資料。
以下程式碼幫助您理解
import express from "express"; const app = express(); app.use(express.json()); app.use(express.urlencoded({ extended: true })); app.get("/user", (req, res) => { const user = req.body; consolo.log(user); res.send(user); })
希望您覺得這有幫助!不要忘記喜歡並保存以供將來參考。快樂編碼!
以上是每個開發人員都應該了解的基本 Express 請求屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!

熱AI工具

Undress AI Tool
免費脫衣圖片

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

JavaScript的作用域決定變量可訪問範圍,分為全局、函數和塊級作用域;上下文決定this的指向,依賴函數調用方式。 1.作用域包括全局作用域(任何地方可訪問)、函數作用域(僅函數內有效)、塊級作用域(let和const在{}內有效)。 2.執行上下文包含變量對象、作用域鍊和this的值,this在普通函數指向全局或undefined,在方法調用指向調用對象,在構造函數指向新對象,也可用call/apply/bind顯式指定。 3.閉包是指函數訪問並記住外部作用域變量,常用於封裝和緩存,但可能引發

要獲取HTML輸入框的值,核心是通過DOM操作找到對應元素並讀取value屬性。 1.使用document.getElementById是最直接方式,給input添加id後通過該方法獲取元素並讀取value;2.使用querySelector更靈活,可根據name、class、type等屬性選取元素;3.可添加input或change事件監聽器實現交互功能,如實時獲取輸入內容;4.注意腳本執行時機、拼寫錯誤及null判斷,確保元素存在後再訪問value。

獲取選中的單選按鈕值的核心方法有兩種。 1.使用querySelector直接獲取選中項,通過input[name="your-radio-name"]:checked選擇器獲取選中的元素並讀取其value屬性,適合現代瀏覽器且代碼簡潔;2.使用document.getElementsByName遍歷查找,通過循環NodeList找到第一個checked的radio並獲取其值,適合兼容舊瀏覽器或需要手動控制流程的場景;此外需注意name屬性拼寫、處理未選中情況以及動態加載內容時

要使用JavaScript建立一個安全的沙盒iframe,首先利用HTML的sandbox屬性限制iframe行為,例如禁止腳本執行、彈窗和表單提交;其次通過添加特定token如allow-scripts來按需放寬權限;接著結合postMessage()實現安全的跨域通信,同時嚴格驗證消息來源和數據;最後避免常見配置錯誤,如未驗證源、未設置CSP等,並在上線前進行安全性測試。

JavaScript的Date對象使用需注意以下關鍵點:1.創建實例可用newDate()獲取當前時間,或通過字符串、年月日參數指定時間,推薦ISO格式以確保兼容性;2.使用getFullYear()、getMonth()等方法獲取日期時間,並手動拼接格式化字符串;3.用getUTC系列方法處理UTC時間,避免本地時區干擾;4.通過時間戳差值計算時間間隔,但需注意跨時區或夏令時可能導致的偏差。

Vue3中CompositionAPI更适合复杂逻辑和类型推导,OptionsAPI适合简单场景和初学者;1.OptionsAPI按data、methods等选项组织代码,结构清晰但复杂组件易碎片化;2.CompositionAPI用setup集中相关逻辑,利于维护和复用;3.CompositionAPI通过composable函数实现无冲突、可参数化的逻辑复用,优于mixin;4.CompositionAPI对TypeScript支持更好,类型推导更精准;5.两者性能和打包体积无显著差异;6.

JavaScript的WebWorkers和JavaThreads在並發處理上有本質區別。 1.JavaScript採用單線程模型,WebWorkers是瀏覽器提供的獨立線程,適合執行不阻塞UI的耗時任務,但不能操作DOM;2.Java從語言層面支持真正的多線程,通過Thread類創建,適用於復雜並發邏輯和服務器端處理;3.WebWorkers使用postMessage()與主線程通信,安全隔離性強;Java線程可共享內存,需注意同步問題;4.WebWorkers更適合前端並行計算,如圖像處理,而

調試JavaScript複雜應用需系統化使用工具。 1.設斷點及條件斷點攔截可疑流程,如函數入口、循環、異步回調前並按條件過濾;2.啟用Blackboxing功能屏蔽第三方庫干擾;3.結合環境判斷使用debugger語句控制調試入口;4.通過CallStack追溯調用鏈路,分析執行路徑與變量狀態,從而高效定位問題根源。
