feat: 2021.06.07

pingan8787 · pingan8787 · commit b10aa01d3cb0 · 2021-06-07T08:25:22.000+08:00
diff --git a/Cute-Gist/HTTP/.DS_Store b/Cute-Gist/HTTP/.DS_Store
diff --git a/Cute-Gist/HTTP/write-larger-file-transform/.DS_Store b/Cute-Gist/HTTP/write-larger-file-transform/.DS_Store
diff --git a/Cute-Gist/HTTP/write-larger-file-transform/README.md b/Cute-Gist/HTTP/write-larger-file-transform/README.md
@@ -0,0 +1 @@
+学习文章：[HTTP 传输大文件的几种方案](https://mp.weixin.qq.com/s/ZxVD29AYHG7gUL99D8uEpw)
diff --git a/Cute-Gist/HTTP/write-larger-file-transform/client/use-range.html b/Cute-Gist/HTTP/write-larger-file-transform/client/use-range.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>大文件范围请求示例（阿宝哥）</title>
+  </head>
+  <body>
+    <h3>大文件范围请求示例（阿宝哥）</h3>
+    <div id="msgList"></div>
+    <script>
+      const msgList = document.querySelector("#msgList");
+      function getBinaryContent(url, start, end, responseType = "arraybuffer") {
+        return new Promise((resolve, reject) => {
+          try {
+            let xhr = new XMLHttpRequest();
+            xhr.open("GET", url, true);
+            xhr.setRequestHeader("range", `bytes=${start}-${end}`);
+            xhr.responseType = responseType;
+            xhr.onload = function () {
+              resolve(xhr.response);
+            };
+            xhr.send();
+          } catch (err) {
+            reject(new Error(err));
+          }
+        });
+      }
+
+      getBinaryContent(
+        "http://localhost:3000/big-file.txt",
+        0, 100, "text"
+      ).then((text) => {
+        msgList.append(`${text}`);
+      });
+    </script>
+  </body>
+</html>
diff --git a/Cute-Gist/HTTP/write-larger-file-transform/server/.DS_Store b/Cute-Gist/HTTP/write-larger-file-transform/server/.DS_Store
diff --git a/Cute-Gist/HTTP/write-larger-file-transform/server/createFile.js b/Cute-Gist/HTTP/write-larger-file-transform/server/createFile.js
@@ -0,0 +1,8 @@
+const fs = require("fs");
+
+const writeStream = fs.createWriteStream(__dirname + "/big-file.txt");
+for (let i = 0; i <= 1e5; i++) {
+  writeStream.write(`${i} 我是阿宝哥，欢迎关注全栈修仙之路\n`, "utf8");
+}
+
+writeStream.end();
diff --git a/Cute-Gist/HTTP/write-larger-file-transform/server/index.js b/Cute-Gist/HTTP/write-larger-file-transform/server/index.js
diff --git a/Cute-Gist/HTTP/write-larger-file-transform/server/package.json b/Cute-Gist/HTTP/write-larger-file-transform/server/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "server",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "dev": "node ."
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@koa/cors": "^3.1.0",
+    "@koa/multer": "^3.0.0",
+    "@koa/router": "^10.0.0",
+    "accepts": "^1.3.7",
+    "fs-extra": "^10.0.0",
+    "koa": "^2.13.1",
+    "koa-static": "^5.0.0",
+    "multer": "^1.4.2",
+    "util": "^0.12.4"
+  }
+}
diff --git a/Cute-Gist/HTTP/write-larger-file-transform/server/use-chunk.js b/Cute-Gist/HTTP/write-larger-file-transform/server/use-chunk.js
@@ -0,0 +1,38 @@
+const fs = require("fs");
+const http = require("http");
+
+const buffer = fs.readFileSync(__dirname + "/big-file.txt");
+const lines = buffer.toString("utf-8").split("\n");
+const chunks = chunk(lines, 10);
+
+function chunk(arr, len) {
+  let chunks = [],
+    i = 0,
+    n = arr.length;
+  while (i < n) {
+    chunks.push(arr.slice(i, (i += len)));
+  }
+  return chunks;
+}
+
+// 省略数据分块代码
+http
+    .createServer(async function (req, res) {
+        res.writeHead(200, {
+            "Content-Type": "text/plain;charset=utf-8",
+            "Transfer-Encoding": "chunked",
+            "Access-Control-Allow-Origin": "*",
+        });
+        for (let index = 0; index < chunks.length; index++) {
+            setTimeout(() => {
+                let content = chunks[index].join("&");
+                res.write(`${content.length.toString(16)}\r\n${content}\r\n`);
+            }, index * 1000);
+        }
+        setTimeout(() => {
+            res.end();
+        }, chunks.length * 1000);
+    })
+    .listen(3000, () => {
+        console.log("app starting at port 3000");
+    });
diff --git a/Cute-Gist/HTTP/write-larger-file-transform/server/use-gzip-no.js b/Cute-Gist/HTTP/write-larger-file-transform/server/use-gzip-no.js
@@ -0,0 +1,17 @@
+const fs = require("fs");
+const http = require("http");
+const util = require("util");
+const readFile = util.promisify(fs.readFile);
+
+const server = http.createServer(async (req, res) => {
+    res.writeHead(200, {
+        "Content-Type": "text/plain;charset=utf-8",
+    });
+    const buffer = await readFile(__dirname + "/big-file.txt");
+    res.write(buffer);
+    res.end();
+});
+
+server.listen(3000, () => {
+    console.log("app starting at port 3000");
+});
diff --git a/Cute-Gist/HTTP/write-larger-file-transform/server/use-gzip.js b/Cute-Gist/HTTP/write-larger-file-transform/server/use-gzip.js
@@ -0,0 +1,20 @@
+const fs = require("fs");
+const zlib = require("zlib");
+const http = require("http");
+const util = require("util");
+const readFile = util.promisify(fs.readFile);
+const gzip = util.promisify(zlib.gzip);
+
+const server = http.createServer(async (req, res) => {
+    res.writeHead(200, {
+        "Content-Type": "text/plain;charset=utf-8",
+    });
+    const buffer = await readFile(__dirname + "/big-file.txt");
+    const gzipData = await gzip(buffer);
+    res.write(gzipData);
+    res.end();
+});
+
+server.listen(3000, () => {
+    console.log("app starting at port 3000");
+});
diff --git a/Cute-Gist/HTTP/write-larger-file-transform/server/use-range.js b/Cute-Gist/HTTP/write-larger-file-transform/server/use-range.js
@@ -0,0 +1,15 @@
+const Koa = require("koa");
+const cors = require("@koa/cors");
+const serve = require("koa-static");
+const range = require('koa-range');
+
+const app = new Koa();
+
+// 注册中间件
+app.use(cors()); // 注册CORS中间件
+app.use(range); // 注册范围请求中间件
+app.use(serve(".")); // 注册静态资源中间件
+
+app.listen(3000, () => {
+  console.log("app starting at port 3000");
+});
diff --git a/Cute-Gist/HTTP/write-larger-file-transform/server/use-steam.js b/Cute-Gist/HTTP/write-larger-file-transform/server/use-steam.js
@@ -0,0 +1,18 @@
+const fs = require("fs");
+const zlib = require("zlib");
+const http = require("http");
+
+http
+  .createServer((req, res) => {
+    res.writeHead(200, {
+      "Content-Type": "text/plain;charset=utf-8",
+      "Content-Encoding": "gzip",
+    });
+    fs.createReadStream(__dirname + "/big-file.txt")
+      .setEncoding("utf-8")
+      .pipe(zlib.createGzip())
+      .pipe(res);
+  })
+  .listen(3000, () => {
+    console.log("app starting at port 3000");
+  });

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+学习文章：[HTTP 传输大文件的几种方案](https://mp.weixin.qq.com/s/ZxVD29AYHG7gUL99D8uEpw)`