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

Express框架req?res對(duì)象使用詳解

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

正文

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

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ù)還是很簡(jiǎn)單，看看 express 是如何處理請(qǐng)求 req 對(duì)象上的屬性和方法。

請(qǐng)求對(duì)象 req

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

屬性和方法名說明
get()/header()返回指定的 HTTP 請(qǐng)求頭字段（不區(qū)分大小寫的匹配）。
accepts()根據(jù)請(qǐng)求的 HTTP 標(biāo)字段檢查指定的內(nèi)容類型是否可接受。
acceptsEncodings()返回指定編碼的第一個(gè)接受編碼。
acceptsCharsets()返回指定字符集的第一個(gè)接受的字符集。
acceptsLanguages()返回指定語言的第一個(gè)接受語言。
range()Range 標(biāo)頭解析器。
param()返回 req 對(duì)象中 params
is()如果傳入請(qǐng)求的 內(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請(qǐng)求的 ip 地址
ips請(qǐng)求頭中的 ip 地址數(shù)組
subdomains請(qǐng)求中的子域名
path包含請(qǐng)求 URL 的路徑部分。
hostname主機(jī)名
fresh是否為最新的
stale是否為過時(shí)的
xhr請(qǐng)求中是否包 xmlHTTPRequest 字符串

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

響應(yīng)對(duì)象

在 res 對(duì)象上擴(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()格式化請(qǐng)求對(duì)象的上內(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 方法添加字段到請(qǐng)求頭
render()渲染模板中 html

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

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

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

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

下面給出一些示例代碼

目錄結(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 頁(yè)面</title>
</head>
<body>
    <h2>歡迎來到 Home 頁(yè)面</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 項(xiàng)目配置

{
  "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 的請(qǐng)求和響應(yīng)對(duì)象，以及集成對(duì)象，各種用途，并使用一個(gè)實(shí)例，來進(jìn)行說明。在測(cè)試實(shí)際接口時(shí)候，使用了 nodemon 來自動(dòng)重啟服務(wù)，使用 apifox 來保存接口重復(fù)發(fā)送測(cè)試接口。

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

相關(guān)文章

最新評(píng)論