24、使用 Node.js、TypeScript 和 WebSockets 进行客户端 - 服务器通信

使用 Node.js、TypeScript 和 WebSockets 进行客户端 - 服务器通信

在开发客户端 - 服务器通信的应用程序时，我们可以使用 Node.js、TypeScript 和 WebSockets 等技术。下面将详细介绍客户端代码的实现以及相关技术的使用。

1. 客户端代码基础

客户端代码存放在 src/client 目录中，为了进行 HTML 渲染，我们使用了 lit-html 库（ www.npmjs.com/package/lit-html ）。这个库允许我们使用 JavaScript 模板字面量编写 HTML 模板，通过标记模板（tagged templates）将普通 JavaScript 函数与 HTML 结合。

以下是一个简单的示例，展示了 lit-html 如何渲染 HTML：

import {html, render} from 'lit-html';
const helloTemplate = (name) => html`<div>Hello ${name}!</div>`;
render(helloTemplate('Steve'), document.body);
render(helloTemplate('Kevin'), document.body);