小程序中使用goEasy实现IM实时通讯

最新推荐文章于 2025-03-07 10:15:06 发布

芝芝葡萄

最新推荐文章于 2025-03-07 10:15:06 发布

阅读量1.5k

点赞数 4

文章标签：小程序前端

本文链接：https://blog.csdn.net/qq_41064597/article/details/129633313

版权

文章介绍了如何在小程序中使用goEasy的IM服务实现用户聊天和群组聊天功能。首先，通过设置appkey初始化goEasy，然后在入口文件中监听未读消息。会话列表页面负责获取个人信息并订阅消息，通讯录页面则不涉及goEasy直接使用系统userId。聊天页面处理个人和群聊的交互逻辑，利用goEasy的自定义能力，如以订单号作为群组ID实现付费咨询功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小程序中使用IM

想在小程序使用个人用户互相聊天、用户群组聊天功能，大致思路都一样，都是通过长连接实现，项目中没有充裕的时间去实现，于是引入了goEasy的实时通讯功能，goEasy IM通信文档，官网中有例子。由于业务代码太多不好讲解，那就针对官网的例子进行简单的讲解。

1、运行起来

首先去仓库克隆下来 GoEasy / IM即时通讯聊天（Uniapp 小程序 Vue React Taro H5）
我们选择了使用uni-app做小程序，这里我们clone后使用HBuilder X 打开文件夹web-im-demo-master\uniapp\src，
备注：使用什么工具开发无所谓，这里用VScode也行，逻辑是一样的

1.1 基础配置

先把appkey配置上，去官网个人申请一个就可以了使用common key
在这里插入图片描述

1.2 运行

直接运行到Chrome，然后就可以开始通信了
在这里插入图片描述

在这里插入图片描述

2、代码分析

主要讲入口操作，以及关键的三个页面：会话列表 通讯录 聊天页面

2.1 入口初始化goEasy

在入口文件main.js (不同的框架可以是不同的入口，这个入口指的是刚进入整个项目的时候，写在哪感觉合理就行)
进行了初始化的操作，然后用了一个监听器回调函数里面在页面底部渲染了未读数
在这里插入图片描述

2.2 会话列表

会话列表pages/conversations页面
在这里插入图片描述
在代码中主要是在页面进入时候，每次页面被重新渲染都要调起整个流程
1、获取个人信息连接GoEasy（收到个人消息）
2、通过个人id查询需要订阅的groupId 并订阅（收到群消息）
3、开起消息列表更新监听
在这里插入图片描述