uniapp-vue3-EaseIM 对接环信SDK

4 篇文章 0 订阅
1 篇文章 0 订阅

1. npm i easemob-websdk

2.下载demo GitHub - easemob/webim-uniapp-demo at vue3

3.打开Web | 环信 IM 文档  中有所有关于环信IM的集成,功能方法作为参考

4.将demo中EaseIM文件复制到自己项目中

5.仔细查看EaseIM中所有文件文件,很多需要的东西都是封装好的可以直接使用

6.删除或者注释掉EaseIM中所有关于pinia的代码(注释掉所有js文件的,以免报错,后期需要使用的时候再写入自己的全局存储状态)

7.更换APP_KEY,找到EaseIM/config/index.js更换其中的配置,这个配置需要到环信后台获取

8.参照demo中的app.vue文件,配置连接,他app.vue代码较多,看自己需求接入,我这边接入了一个连接的和全局的

 9.登录,连接成功后会收到一个连接成功的回调

基本初始就算完成了,后面就是根据文档接入自己需要的,加入聊天室,群组,获好友等等功能 ,如果是使用vue2版本的话就看下载 - 即时通讯云 - 环信 demo,文档很多,容易搞乱

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值