基于uniapp与TIM 的 多端即时通讯APP

TIM-uniapp 使用说明

简介:使用uniapp 对接腾讯云IM功能实现基于uniapp的多端即时通讯,一套代码开发ios/安卓/h5 的即时通讯功能

运行环境
  • node 11.11.0
  • HbuilderX
启动项目
方式一
git clone https://github.com/cometang/tim-uniapp.git

npm install 

使用HbuilderX打开后即可运行[支持 APP 小程序 h5]
方式二
直接进入uni-app插件市场将项目导入到hbuilderx 中即可运行
地址:https://ext.dcloud.net.cn/plugin?id=1421
开发注意事项
1.替换腾讯云SDKAPPID以及SECRETKEY
将commen/tim/tim.js 中 SDKAPPID以及 SECRETKEY 替换为自己的服务相关账户
自带账号只是作为体验使用。

image

2.修改基础用户数据
将 commen/tim/user.js 中的用户数据替换为自己在腾讯云IM控制台生成的用户信息及用户秘钥
控制台手动生成用户秘钥注意使用 “userId” 字段生成。
正式开发有后端可以直接通过后端接口直接生成userSign,走接口就不需要手动在控制台生成用户秘钥。

image

3.注意TIM的动态监听–数据动态更新问题
App.vue 中写入了一些常用的监听事件,如有新的消息,会话列表动态更新等,其他的更多的监听事件可以按按需接入。
未完成功能
  • 发送文件语音图片(通过发送TIM的自定义消息可以解决,多端开发时不建议使用cos)
  • 黑名单 (TIM支持黑名单功能,TIM有现成的api)
  • 添加好友 (好友相关的功能只能做到自己的数据库里面,TIM是不支持好友关系建立的)
  • 群组聊天(群聊功能和私聊实现非常类似,将消息类型由“C2C”更改为“GROUP”即可)
点赞支持一下
  • 项目地址 https://github.com/cometang/tim-uniapp.git 点赞支持一下吧
  • uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=1421
致谢

聊天详情页使用 回梦無痕 的《聊天模板》https://ext.dcloud.net.cn/plugin?id=324

  • 4
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值