前端网络:TCP实现HTTP服务

1.准备

准备一个空文件夹，打开该文件夹的终端,安装一些必要工具

npm install typescript -g
npm install ts-node -g

初始化package.json文件·

npm init -y

安装@types/node

npm install @types/node -D

2.编写代码

新建index.ts:

import net from "net";
const server = net.createServer((socket) => {
  socket.on("data", (data) => {
    console.log(data.toString());
  });
});
server.listen(8000, () => {
  console.log("服务器已经启动", server.address());
});

执行命令运行该文件:

 ts-node-esm index.ts

发现报错:

在package.json追加配置:

再去执行上述命令：

去浏览器输入网址http://localhost:8000/,浏览器内容会加载不出来，一直在加载。而编译器控制台则会打印http报文格式:

修改一下index.ts代码:

import net from "net";

const html: string = `<h1>hello world!!!</h1>`;

const headers = [
  "HTTP/1.1 200 OK",
  "Content-Type: text/html",
  `Content-length: ${html.length}`,
  "Date:Mon,27 Jul 2009 12:28:53 GMT",
  `\r\n`,
  html,
];
const server = net.createServer((socket) => {
  socket.on("data", (data) => {
    if (/GET/.test(data.toString())) {
      socket.write(headers.join("\r\n"));
      socket.end();
    }
  });
});
server.listen(8000, () => {
  console.log("服务器已经启动", server.address());
});

再次去浏览器输入网址http://localhost:8000/:

右键检查，查看网络控制面板:

大功告成!!!