OpenIM在线跑通Demo(web版的)
1:首先需要下载个node.js,此处注意有版本要求 14.17.5+
安装npm可以参考:https://www.cnblogs.com/dingdingyiyi/p/16291583.html
如果你下载的版本太高了,可能会在后期运行项目时候有异常
比如说:
Error: error:0308010C:digital envelope routines::unsupported
如果出现这种异常可以尝试在命令终端运行以下代码:export NODE_OPTIONS=--openssl-legacy-provider
就可以启动项目了
2:拉取openIM 的项目
项目地址为:git clone https://github.com/OpenIMSDK/OpenMetaOffice-Electron.git
3:安装依赖
npm install
4:修改配置
web的配置
-
配置文件位置为:src/config/index.ts
项目默认配置地址为OpenIM测试服务器地址,若您已部署OpenIM-Server在自己的服务器上,需要修改为对应地址,否则可跳过此步骤。
项目默认使用腾讯云COS服务,可根据需求自行更改文件存储服务。
// 注册服务地址 export const AXIOSURL = "http://192.168.0.1(自己的服务器地址):10004" // axios请求超时时间 export const AXIOSTIMEOUT = 60000 // OpenIM-Server JS SDK port export const IMURL = "ws://自己的服务器地址:10003" // 获取cos临时密钥及调用管理员API地址 export const ADMINURL = "http://自己的服务器地址:10002" // cos 缩略图格式配置 export const PICMESSAGETHUMOPTION = "?imageView2/1/w/200/h/200/rq/80" // 默认语言 export const LANGUAGE = "zh-cn"
-
Electron
配置文件位置为:electron/config/index.ts
注意:上方提到的配置文件也需要修改。
// OpenIM-Server SDK API port export const openIMApiAddress = "http://自己的服务器地址:10002" // OpenIM-Server SDK ws port export const openIMWsAddress = "ws://自己的服务器地址:10001" // 客户端本地占用端口 export const sdkWsPort = "7788"
5:开始调试,此处注意默认的端口都是30000,SDK默认的端口(默认7788)
-
Web
默认运行端口为3000
npm run start:renderer
-
Electron
SDK本地需要占用一个端口(默认7788)
npm run start:main
6:打包部署
-
Web
打包生成文件在项目根目录build文件夹下,将文件夹内容上传服务器部署即可。( 正式环境需要在服务器上部署,在本地测试时不需要部署)
npm run build:renderer
-
Electron
打包生成exe和dmg安装程序在项目根目录dist文件夹下,运行即可。
npm run build:main
7:打开OpenIm的demo测试地址
-
测试方式:
-
双击在线化办公打开配置选项
-
修改配置中ip为自己已部署OpenIM Server的服务器IP,确认修改
-
注册登录
-
8:登录完即可以通过id添加进行聊天
也可以参照openIM的产品文档:https://doc.rentsoft.cn/#/demo/web_demo
posted on 2022-05-20 14:43 一只小青蛙-呱-呱-dyj 阅读(1743) 评论(0) 编辑 收藏 举报