欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Express框架req?res對象使用詳解

 更新時間：2023年03月24日 15:20:09   作者：喬治_x  
這篇文章主要為大家介紹了Express框架req?res對象使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

正文

Express 請求 req 和響應(yīng) res 對象定義：

var req = Object.create(http.IncomingMessage.prototype)
var res = Object.create(http.ServerResponse.prototype)

下面是屬性繼承關(guān)系：

原型繼承來源類
http.IncomingMessage.prototypeStream.Reabable
http.ServerResponse.prototypeIncomingMessage

IncomingMessage

 class IncomingMessage extends stream.Readable {
    constructor(socket: Socket);
    aborted: boolean;
    httpVersion: string;
    httpVersionMajor: number;
    httpVersionMinor: number;
    complete: boolean;
    connection: Socket;
    socket: Socket;
    headers: IncomingHttpHeaders;
    rawHeaders: string[];
    trailers: NodeJS.Dict<string>;
    rawTrailers: string[];
    setTimeout(msecs: number, callback?: () => void): this;
    method?: string | undefined;
    url?: string | undefined;
    statusCode?: number | undefined;
    statusMessage?: string | undefined;
    destroy(error?: Error): this;
}

ServerResponse

class ServerResponse<Request extends IncomingMessage = IncomingMessage> extends OutgoingMessage<Request> {
    statusCode: number;
    statusMessage: string;
    constructor(req: Request);
    assignSocket(socket: Socket): void;
    detachSocket(socket: Socket): void;
    writeContinue(callback?: () => void): void;
    writeEarlyHints(hints: Record<string, string | string[]>, callback?: () => void): void;
    writeHead(
        statusCode: number,
        statusMessage?: string,
        headers?: OutgoingHttpHeaders | OutgoingHttpHeader[],
    ): this;
    writeHead(statusCode: number, headers?: OutgoingHttpHeaders | OutgoingHttpHeader[]): this;
    writeProcessing(): void;
}

接下來的任務(wù)還是很簡單，看看 express 是如何處理請求 req 對象上的屬性和方法。

請求對象 req

在 req 對象上擴(kuò)展方法

屬性和方法名說明
get()/header()返回指定的 HTTP 請求頭字段（不區(qū)分大小寫的匹配）。
accepts()根據(jù)請求的 HTTP 標(biāo)字段檢查指定的內(nèi)容類型是否可接受。
acceptsEncodings()返回指定編碼的第一個接受編碼。
acceptsCharsets()返回指定字符集的第一個接受的字符集。
acceptsLanguages()返回指定語言的第一個接受語言。
range()Range 標(biāo)頭解析器。
param()返回 req 對象中 params
is()如果傳入請求的 內(nèi)容類型 HTTP 頭字段，則返回匹配的內(nèi)容類型 匹配參數(shù)指定的 MIME 類型。

使用 defineGetter 函數(shù)擴(kuò)展屬性：

function defineGetter(obj, name, getter) {
  Object.defineProperty(obj, name, {
    configurable: true,
    enumerable: true,
    get: getter
  });
}
屬性說明
protocol協(xié)議
secure是否安全
ip請求的 ip 地址
ips請求頭中的 ip 地址數(shù)組
subdomains請求中的子域名
path包含請求 URL 的路徑部分。
hostname主機名
fresh是否為最新的
stale是否為過時的
xhr請求中是否包 xmlHTTPRequest 字符串

這是屬性還是跟 HTTP 通信，前后端通信 xhr，如：完整的路徑 path/protocol/secure/subdomains， ip 相關(guān)，服務(wù)器相關(guān) fresh/stable。

響應(yīng)對象

在 res 對象上擴(kuò)展方法：

屬性和方法名說明
status()設(shè)置響應(yīng)狀態(tài)碼。
links()用給定的 links 設(shè)置頭字段
send()發(fā)送 HTTP 響應(yīng)。
json()發(fā)送 JSON 響應(yīng)。
jsonp()發(fā)送 JSONP 響應(yīng)。
sendStatus()發(fā)送狀態(tài)碼
sendFile()在給定的路徑處傳輸文件。
sendfile()在給定的 .設(shè)置響應(yīng) HTTP 頭字段 基于文件名的擴(kuò)展名。
download()下載文件
type()將 HTTP 標(biāo)頭設(shè)置為由指定的。
format()格式化請求對象的上內(nèi)容
attachment()在響應(yīng)頭中添加額外的內(nèi)容
append()將數(shù)據(jù)最加到尾部
set()/header()設(shè)置 http 頭信息
get()獲取指定 http 頭數(shù)據(jù)
clearCookie()清除 cookie 內(nèi)容
cookie()設(shè)置 cookie
location()將響應(yīng) HTTP 標(biāo)頭設(shè)置為指定的參數(shù)。
redirect()重定向地址
vary()使用 vary 方法添加字段到請求頭
render()渲染模板中 html

設(shè)置狀態(tài)碼

res.status(203)
console.log(res.statusCode)
res.send("get v1: hello world!")

如何來快速測試這些屬性和方法呢？

  • 準(zhǔn)備好接口， 熟悉 restful api 或者其他范式的形式接口
  • 準(zhǔn)備寫接口時的工具。curl(熟悉命令行)、工具（類似于：postman 等等）
  • 將工具接口與 express 的接口對應(yīng)起來進(jìn)行調(diào)試測試，驗證屬性。本項目使用

下面給出一些示例代碼

目錄結(jié)構(gòu)

.
├── __tests__
├── babel.config.js
├── index.js
├── index.md
├── jest.config.js
├── node_modules
├── package.json
├── pnpm-lock.yaml
├── public
└── views

安裝依賴

  • views 中的 home.ejs 需要 ejs, 內(nèi)容如下：
<html>
<head>
    <title>Home 頁面</title>
</head>
<body>
    <h2>歡迎來到 Home 頁面</h2>
</body>
</html>

安裝其他的依賴包：

pnpm install ejs babel-jest dirname-filename-esm jest nodemon supertest @babel/preset-react @babel/preset-env @babel/plugin-syntax-jsx @babel/core

看看 package.json 項目配置

{
  "name": "debugger-source-code",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "type": "module",
  "scripts": {
    "dev": "nodemon index.js",
    "test": "NODE_OPTIONS=--experimental-vm-modules jest"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@babel/core": "^7.21.0",
    "@babel/plugin-syntax-jsx": "^7.18.6",
    "@babel/preset-env": "^7.20.2",
    "@babel/preset-react": "^7.18.6",
    "babel-jest": "^29.4.3",
    "dirname-filename-esm": "^1.1.1",
    "ejs": "^3.1.8",
    "express": "^4.18.2",
    "jest": "^29.4.3",
    "nodemon": "^2.0.20",
    "supertest": "^6.3.3"
  }
}

看看 babel 配置

export default {
  presets: [
    ["@babel/preset-env", { targets: { node: "current" } }],
    "@babel/preset-react",
  ],
};

看看 eslint 配置

module.exports = {
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends": "eslint:recommended",
    "overrides": [
    ],
    "parserOptions": {
        "ecmaVersion": "latest",
        "sourceType": "module"
    },
    "rules": {
    }
}

看看 jest 配置

export default {
  transform: {
    '\\.[jt]s?$': 'babel-jest'
  },
};

express 主要服務(wù) index.js

import express from "express";
import path from "path";
import { dirname } from "dirname-filename-esm";
const __dirname = dirname(import.meta);
const app = express();
app.set("view engine", "ejs");
app.use(express.static(path.join(__dirname, "public")));
app.get("/req", (req, res, next) => {
  console.log(req.protocol); // http 協(xié)議
  console.log(req.secure); //fals
  console.log(req.ip); //::1
  console.log(req.ips); // []
  console.log(req.subdomains); // []
  console.log(req.path); // /favicon.ico
  console.log(req.host); // localhost 已經(jīng)被廢棄
  console.log(req.hostname); // localhost
  console.log(req.fresh); // false
  console.log(req.stale); // true
  console.log(req.xhr); //false
  //------------- get ------------- //
  let a1 = req.get("set-cookie");
  console.log("set-cookie", a1); // undefined
  //------------- header ------------- //
  let a2 = req.header("set-cookie");
  console.log("set-cookie", a2); // undefined
  //------------- accepts ------------- //
  let b1 = req.accepts();
  console.log("accepts", b1);
  //   accepts [
  //   'image/avif',
  //   'image/webp',
  //   'image/apng',
  //   'image/svg+xml',
  //   'image/*',
  //   '*/*'
  // ]
  //------------- acceptsEncodings ------------- //
  let b2 = req.acceptsEncodings();
  console.log("acceptsEncodings", b2); //  [ 'gzip', 'deflate', 'br', 'identity' ]
  //------------- acceptsLanguages ------------- //
  let c1 = req.acceptsLanguages();
  console.log("acceptsLanguages", c1); // [ 'zh-CN', 'zh' ]
  //------------- range ------------- //
  let range = req.range(10, {});
  console.log("range", range); // undefined
  //------------- param ------------- //
  let param = req.param();
  console.log("param", param); // undefined
  res.send("hello world!");
});
app.get("/res/status", (req, res, next) => {
  res.status(203);
  console.log(res.statusCode);
  res.send("get v1: hello world! and status code: 203 === " + res.statusCode);
});
app.get("/res/statusCode", (req, res, next) => {
  res.send("get v1: hello world! and status code:" + res.statusCode);
});
app.get("/res/links", (req, res, next) => {
  res.links({
    a: "http://localhost:3232",
  });
  res.send("links set"); // header Link filed
});
app.get("/res/send", (req, res, next) => {
  res.send("links set"); //type: string
});
app.get("/res/send/object", (req, res, next) => {
  res.send({ msg: "123" }); // type object json
});
app.get("/res/send/json", (req, res, next) => {
  res.json(JSON.stringify({ msg: "json" })); // type object json
});
app.get("/res/send/jsonp", (req, res, next) => {
  let fn = req.query.fn;
  let data = JSON.stringify({
    data: "mydata",
  });
  res.end(fn + data); // type object json
});
app.get("/res/send/sendStatus", (req, res, next) => {
  res.sendStatus(404);
});
app.get("/res/send/sendFile", (req, res, next) => {
  res.sendFile(path.join(__dirname, "jest.config.js"));
});
app.get("/res/send/download", (req, res, next) => {
  res.download(path.join(__dirname, "jest.config.js"));
});
app.get("/res/send/type", (req, res, next) => {
  res.type(".html").send("<div>123</div>");
  // image/png
  console.log(res.get("Content-type"));
});
app.get("/res/send/format", (req, res, next) => {
  res.format({
    "text/html": function () {
      res.send("<div>This is html</div>");
    },
    "text/pain": function () {
      res.send("this is html text");
    },
    "application/json": function () {
      res.send({ message: "This is html json" });
    },
    default: function () {
      res.status(406).send("Not Acceptable");
    },
  });
});
app.get("/res/send/attachment", (req, res, next) => {
  res.attachment("index.md");
  console.log(req.get("Content-Disposition"));
  res.send("attachment");
  // 	attachment; filename="index.md"
});
app.get("/res/send/append", (req, res, next) => {
  res.append("Warning", "201 Warning");
  console.log(res.get("Warning")); // Warning	201 Warning
  res.send("append");
});
app.get("/res/send/set", (req, res, next) => {
  res.set("set8", "set8888"); //響應(yīng) header 中
  res.send("set");
});
app.get("/res/send/header", (req, res, next) => {
  res.header("set9", "set9999"); //響應(yīng) header 中
  res.send("set9");
});
app.get("/res/send/get", (req, res, next) => {
  res.set({
    "Content-Type": "text/plain",
    "Content-Length": "123",
    ETag: "12345",
  });
  let ct = res.get("Content-Type"); //響應(yīng) header 中
  res.send("[get => ]" + ct);
});
app.get("/res/send/cookie", (req, res, next) => {
  res.cookie("abc", "dd"); //響應(yīng) header 中
  res.send("cookie: abcdd");
});
app.get("/res/send/clearCookie", (req, res, next) => {
  res.cookie("abc", "dd");
  res.cookie("def", "xj");
  res.clearCookie("abc");
  res.send("cookie: abcdd");
});
app.get("/res/send/location", (req, res, next) => {
  res.location("http://demo.com");
  console.log(res.get("location")); // http://demo.com
  res.send(res.get("location"));
});
app.get("/res/send/redirect", (req, res, next) => {
  res.redirect("/res/send/redirect-new");
});
app.get("/res/send/redirect-new", (req, res, next) => {
  res.send("this is redirect-new");
});
app.get("/res/send/vary", (req, res, next) => {
  res.vary("User-Agent").send("Field added to the Vary response header");
});
app.get("/res/send/render", (req, res, next) => {
  res.render('home')
});
app.listen(3232, () => {
  console.log("listening on http://localhost:3232");
});

小結(jié)

本文主要介紹了 express 的請求和響應(yīng)對象，以及集成對象，各種用途，并使用一個實例，來進(jìn)行說明。在測試實際接口時候，使用了 nodemon 來自動重啟服務(wù)，使用 apifox 來保存接口重復(fù)發(fā)送測試接口。

更多關(guān)于Express框架req res對象的資料請關(guān)注腳本之家其它相關(guān)文章！

相關(guān)文章

最新評論