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测试地址

• 测试地址 https://open-im-online.rentsoft.cn

• 测试方式：

  • 双击在线化办公打开配置选项

    

  • 修改配置中ip为自己已部署OpenIM Server的服务器IP，确认修改

    

  • 注册登录

 

8：登录完即可以通过id添加进行聊天

 

也可以参照openIM的产品文档：https://doc.rentsoft.cn/#/demo/web_demo