uni-app uni-im 自定义消息

开发环境	版本号	项目创建方式

有订单业务的话,和客服聊天是需要发送订单信息这种消息,所以,希望新增对自定义消息类别的文档或者参数. 自己修改还是有一点不知道从哪开始,会比较需要时间. 如果能新增这个功能,肯定能帮助开发者节约很多时间,以及提高uni-im拓展性.

bupafengyu 1楼•1 天前

msg的body不限制格式，参考：图片、视频、声音的发送方式自己二开一下很容易实现

vueper 2楼•1 天前

二开实现了,确实简单.
目前有一个问题, uni.im的modules下pages/chat/chat.nvue的返回按钮没有找到自定义返回路径的按钮,是 navigation-bar控制的吗,还是nuve导致的,无法自定义返回路径
业务: 用户点击付费咨询,下一步跳转聊天,但是返回的话就不应该是刚刚提问的界面了,而是主界面或者聊天用户列表.

yibo5220 3楼•1 天前

已解决,page.json忘记设置了

sinazl 4楼•1 天前

在uni-app中使用uni-im实现自定义消息功能，可以通过扩展uni-im的消息类型来实现。以下是一个基本的实现思路和代码案例，展示了如何定义和发送自定义消息。

步骤一：定义自定义消息类型

首先，你需要在服务器端定义自定义消息类型。假设我们定义一个名为custom_message的消息类型。

// 服务器端定义自定义消息类型（伪代码）
const messageTypes = {
    TEXT: 'text',
    IMAGE: 'image',
    CUSTOM: 'custom_message', // 自定义消息类型
};

步骤二：构建自定义消息结构

接下来，定义自定义消息的数据结构。例如，我们可能希望自定义消息包含一些额外的字段，如action和data。

// 自定义消息结构示例
const customMessage = {
    type: messageTypes.CUSTOM,
    from: 'user1',
    to: 'user2',
    timestamp: Date.now(),
    action: 'like', // 自定义动作
    data: { // 自定义数据
        postId: '12345',
        count: 5,
    },
};

步骤三：在uni-app中发送自定义消息

在uni-app中，你可以使用uni-im提供的API来发送自定义消息。假设uni-im已经初始化并连接成功，以下是发送自定义消息的代码示例。

// uni-app 中发送自定义消息
uni.sendMessage({
    to: 'user2', // 接收者
    message: {
        type: 'custom_message', // 消息类型，与服务器端定义一致
        action: 'like', // 自定义动作
        data: { // 自定义数据
            postId: '12345',
            count: 5,
        },
    },
    success: function (res) {
        console.log('消息发送成功', res);
    },
    fail: function (err) {
        console.error('消息发送失败', err);
    },
});

步骤四：在服务器端处理自定义消息

服务器端需要能够解析并处理这些自定义消息。这通常涉及到在消息处理逻辑中添加对自定义消息类型的检查和处理。

// 服务器端处理自定义消息（伪代码）
function handleMessage(message) {
    if (message.type === messageTypes.CUSTOM) {
        // 处理自定义消息
        console.log('收到自定义消息', message);
        // 根据action和data执行相应逻辑
    }
    // 处理其他类型的消息...
}

总结

以上代码展示了如何在uni-app中使用uni-im发送自定义消息，并在服务器端处理这些消息。实际应用中，你可能需要根据具体需求调整消息结构和处理逻辑。确保客户端和服务器端对自定义消息类型和数据结构有一致的定义和处理方式。