electron-vite使用websocket进行前后端通信

`electron-vite`结合了Electron（一个用于构建跨平台桌面应用的框架）和Vite（一个快速的前端开发工具），可以创建高性能的桌面应用程序。当涉及到前后端通信时，WebSocket通常是一种常见的选择，因为它支持双向实时数据传输。

WebSocket在`electron-vite`中的使用通常是这样的：

1. **设置**：在 Electron 应用中，你可以使用第三方库如`socket.io-client` 或 `winston-websocket` 来处理 WebSocket 连接。安装所需依赖后，初始化一个WebSocket连接，并监听事件如 `open`, `message`, 和 `close`。

import { createWebServer } from 'vite';
import io from 'socket.io-client';

const server = await createWebServer();
const socket = io(server.address().url);

2. **事件驱动**：Vite 的热更新功能会配合 WebSocket 实现前后端间的即时通知，例如当组件状态变化时，通过 WebSocket 将更新推送给前端。

3. **消息传递**：客户端向服务器发送请求（比如用户操作触发的数据变更），服务器接收到请求后处理并返回响应，整个过程都是实时的。

4. **安全性和认证**：确保通过HTTPS进行WebSocket连接，以防数据泄露，并对连接进行身份验证，保证只有授权用户才能访问。