零基础构建开源项目OpenIM桌面应用和pc web- Electron篇

OpenIM 为开发者提供开源即时通讯 SDK,作为 Twilio、Sendbird 等云服务的替代方案。借助 OpenIM,开发者可以构建安全可靠的即时通讯应用,如 WeChat、Zoom、Slack 等。

本仓库基于开源版 OpenIM SDK 开发,提供了一款基于 Electron 的即时通讯应用。您可以使用此应用程序作为 OpenIM SDK 的参考实现。本项目同时引用了 @openim/electron-client-sdk 和 @openim/wasm-client-sdk,分别为 Electron 版本和 Web 版本的 SDK,可以同时构建 PC Web 程序和桌面应用(Windows、macOS、Linux)。

开发环境

在开始开发之前,请确保您的系统已安装以下软件:

操作系统:Windows 10 或更高版本、macOS 10.15 或更高版本

Node.js:版本 ≥ 16.x(手动安装 或使用 nvm 进行版本管理

npm:版本 ≥ 6.x(随 Node.js 一起安装)

Git:用于代码版本控制

同时,您需要确保已经部署了最新版本的 OpenIM Server。接下来,您可以编译项目并连接自己的服务端进行测试。

运行环境

本应用支持以下浏览器和操作系统版本:

浏览器/操作系统版本状态

Chrome78 及以上✅

WindowsWindows 10 及以上✅

macOS10.15 及以上✅

Linux18.04 及以上✅

说明

Chrome:推荐使用最新版本以获得最佳体验。

操作系统:确保您的系统版本符合要求,以避免兼容性问题。

快速开始

按照以下步骤设置本地开发环境:

拉取代码

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

  cd openim-electron

安装依赖

npm install

修改配置

.env

如果没有修改过服务端默认端口,则只需要修改VITE_BASE_HOST为您的服务器 ip 即可,如需配置域名和 https 访问,可以参考nginx 配置,并采用最下方的配置项,并修改VITE_BASE_DOMAIN为您的域名。

VITE_BASE_HOST=your-server-ip

VITE_WS_URL=ws://$VITE_BASE_HOST:10001

VITE_API_URL=http://$VITE_BASE_HOST:10002

VITE_CHAT_URL=http://$VITE_BASE_HOST:10008

# VITE_BASE_DOMAIN=your-server-domain

# VITE_WS_URL=wss://$VITE_BASE_DOMAIN/msg_gateway

# VITE_API_URL=https://$VITE_BASE_DOMAIN/api

# VITE_CHAT_URL=https://$VITE_BASE_DOMAIN/chat

运行 npm run dev 来启动开发服务器。访问 http://localhost:5173 查看结果。默认情况下将同时启动 Electron 应用程序。

开始开发测试!

音视频通话

开源版支持一对一音视频通话,并且需要先部署并配置服务端。多人音视频通话、视频会议请联系邮箱 contact@openim.io

构建

该项目允许分别构建 Web 应用程序和 Electron 应用程序,但在构建过程中会有一些差异。

Web 应用程序

运行以下命令来构建 Web 应用程序:npm run build

构建结果将位于 dist 目录。

Electron 应用程序

使用 package_electron.json 替换 package.json 文件的内容,只保留 Electron 运行所需的依赖项,这将显著减小包的大小。同时,修改打包脚本。

在对应系统下运行以下命令之一来构建 Electron 应用程序:

如果需要交叉编译,仅支持在 mac 环境下打包其他系统安装包,windows 或 linux 下仅支持打包对应系统安装包。

macOS:

npm run build:mac

Windows:

npm run build:win

Linux:

npm run build:linux

构建结果将位于 release 目录下。

功能列表

说明

功能模块功能项状态

账号功能手机号注册\邮箱注册\验证码登录✅

个人信息查看\修改✅

多语言设置✅

修改密码\忘记密码✅

好友功能查找\申请\搜索\添加\删除好友✅

同意\拒绝好友申请✅

好友备注✅

是否允许添加好友✅

好友列表\好友资料实时同步✅

黑名单功能限制消息✅

黑名单列表实时同步✅

添加\移出黑名单✅

群组功能创建\解散群组✅

申请加群\邀请加群\退出群组\移除群成员✅

群名/群头像更改/群资料变更通知和实时同步✅

群成员邀请进群✅

群主转让✅

群主、管理员同意进群申请✅

搜索群成员✅

消息功能离线消息✅

漫游消息

多端消息✅

历史消息✅

消息删除✅

消息清空✅

消息复制✅

单聊正在输入✅

新消息勿扰✅

清空聊天记录✅

新成员查看群聊历史消息✅

新消息提示✅

文本消息✅

图片消息✅

视频消息✅

表情消息✅

文件消息✅

语音消息✅

名片消息✅

地理位置消息✅

自定义消息✅

会话功能置顶会话✅

会话已读✅

会话免打扰✅

REST API认证管理

用户管理✅

关系链管理✅

群组管理✅

会话管理✅

消息管理✅

Webhook群组回调✅

消息回调✅

推送回调✅

关系链回调✅

用户回调✅

容量和性能1 万好友✅

10 万人大群✅

秒级同步✅

集群部署

互踢策略所有平台不互踢✅

每个平台各只能登录一个设备✅

PC 端、移动端、Pad 端、Web 端、小程序端各只能登录一个设备✅

PC 端不互踢,其他平台总计一个设备✅

音视频通话一对一音视频通话✅

文件类对象存储支持私有化部署 minio

支持 COS、OSS、Kodo、S3 公有云

推送消息在线实时推送✅

消息离线推送,支持个推,Firebase✅

更多高级功能、音视频通话、视频会议 请联系邮箱 contact@openim.io

加入社区

加入我们的 Slack 社区

加入我们的微信群

常见问题

发布 web 端时,wasm 加载太慢如何解决?

答:针对 wasm 文件采用 gzip 压缩,压缩后会大大减小体积。同时可以做 cdn 加速,加快加载速度。

CKEditorError: ckeditor-duplicated-modules

答:依赖冲突,执行npm dedupe整理依赖

关于OpenIM

作为开源即时通讯(IM)领域的先驱,OpenIM 已在 GitHub 获得超过 15,000 星标,这一成就归功于全球开发者社区的广泛支持。随着数据保护和隐私安全日益受到重视,越来越多的组织选择私有部署 IM 解决方案,这与国内软件行业的快速增长相得益彰。特别是在政府和企业部门,随着信息技术的快速更新和创新应用的广泛实施,IM 系统的需求正在经历飞速增长。

同时,随着协同办公软件市场的不断扩大,“安全可控”已成为其核心要求。在人工智能生成内容(AIGC)之后的时代,IM 作为主要的人机交互界面,其在通讯、协作和安全方面的作用将更加显著。展望未来,我们相信 OpenIM 将在新的技术时代扮演更加核心的角色,为各种应用场景提供支持,增强效率和安全性,成为一个关键工具。

github: 仓库地址

developer: 开发文档

作为开源即时通讯(IM)领域的先驱,OpenIM 已在 GitHub 获得超过 15,000 星标,这一成就归功于全球开发者社区的广泛支持。随着数据保护和隐私安全日益受到重视,越来越多的组织选择私有部署 IM 解决方案,这与国内软件行业的快速增长相得益彰。特别是在政府和企业部门,随着信息技术的快速更新和创新应用的广泛实施,IM 系统的需求正在经历飞速增长。

同时,随着协同办公软件市场的不断扩大,“安全可控”已成为其核心要求。在人工智能生成内容(AIGC)之后的时代,IM 作为主要的人机交互界面,其在通讯、协作和安全方面的作用将更加显著。展望未来,我们相信 OpenIM 将在新的技术时代扮演更加核心的角色,为各种应用场景提供支持,增强效率和安全性,成为一个不可缺少的关键工具。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,907评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,987评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,298评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,586评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,633评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,488评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,275评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,176评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,619评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,819评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,932评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,655评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,265评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,871评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,994评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,095评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,884评论 2 354

推荐阅读更多精彩内容