Electron Demo 的快速编译与启动

前言
本文将带你从零开始，快速搭建并运行一个基于 OpenIMSDK 的 Electron 应用。本项目以 OpenIMSDK 开源版为基础，借助 @openim/electron-client-sdk 与 @openim/wasm-client-sdk，能够同时构建 Web 端及桌面端（Windows、macOS、Linux）的即时通讯应用。如果你想要替换 Twilio 或 Sendbird 等第三方云通信服务，借助 OpenIMSDK 可大幅减少部署成本，完全掌握数据安全与隐私。

1. 背景介绍
   OpenIMSDK 是一款开源的即时通讯 SDK，与市面上一些收费的云通信服务（如 Twilio、Sendbird）不同，OpenIMSDK 让开发者能够自行掌控服务端部署与数据，适合对安全性、可控性有较高要求的业务场景。基于 OpenIMSDK，可以轻松开发微信、Slack、Zoom 类似的即时通讯、语音视频通话等应用。

预览图

2. 环境准备
   系统要求：

Windows 10 及以上
macOS 10.15 及以上
Linux 22.04 及以上
开发依赖：

Node.js ≥ 16.x（官网下载 或 nvm）
npm ≥ 6.x（随 Node.js 一起安装）
Git（代码版本管理）
请提前部署好最新版本的 OpenIM Server，确保本地可正常与服务端通信。

3. 获取示例项目
   首先，使用 Git 拉取示例项目代码：

git clone https://github.com/openimsdk/openim-electron-demo.git
cd openim-electron-demo

4. 安装依赖
   在项目根目录执行：

npm install

等待所有依赖安装完成。

5. 配置环境变量
   打开项目根目录下的 .env 文件，按需修改其中的主机地址或域名配置。

例如，如果你的服务器 IP 为 123.45.67.89 且没有修改过服务端端口，可以这样配置：

VITE_BASE_HOST=123.45.67.89

VITE_WS_URL=ws://$VI$