更新记录

1.3.0（2023-02-17） 下载此版本

支持设置多重回调

1.2.9（2023-02-08） 下载此版本

修复bug

1.2.8（2023-02-08） 下载此版本

修复bug

平台兼容性

title: 前端 文档 sidemenu: true

前端

融茂软件 即使通讯 （前端）文档 【目前仅支持 Uniapp】

安装 SDK

uniapp 点击安装插件

在 main.js 中加载SDK

import im from "@/components/romosoft-im/libs/romoim_uniapp_sdk_1.2.9.js";
Vue.prototype.$im = im;

加载完成后在后续 vue 文件中可以使用this.$im调用SDK

0. 【仅测试用途】由前端生成登录token

this.$im.api.touristLogin('tourist1')
    .then(token => {
        // 获得登录 token 成功
    })

1. 初始化并连接到websocket

this.$im.init(token)    // token 由服务器调用rest api登录生成
    .then(() => {
        // 连接 websocket 并登录成功
    }).catch(err => {
        // 连接 websocket 异常
    })

2. 获取聊天(历史)列表

this.$im.api.history_list()
    .then(list => {
        // list 是聊天列表的数组
    })

3. 获得聊天(历史)内容

this.to_user = 'tourist2';
let startId = 0;
this.$im.api.histories(this.to_user, startId)
    .then(res => {
        // to_user：当前正在聊天对方用户name
        // startId：需要查询的最大消息Id
    })

4. 注册接收消息的回调

this.$im.api.onMessage = (msg) => {
    // console.log(msg)
}

5. 发送消息

// msg：发送出去的消息
// to_user: 发送至的name
// type: 消息类型
this.$im.api.sendMsg(msg, this.to_user, this.$im.types.TYPE_TEXT)；

消息类型定义

const types = {
  TYPE_TEXT: "文本",
  TYPE_IMAGE: "图片",
  TYPE_VIDEO: "视频",
  TYPE_VOICE: "语音",
  TYPE_FILE: "文件",
  TYPE_TEMPLATE_CARD: "模板卡片",
  TYPE_DIY_CARD: "自定义卡片",
  TYPE_DIY_MSG: "自定义消息"
}

更多请参考样例工程