更新记录

1.2.0(2021-07-27) 下载此版本

群聊新增方法:addGroup(创建/加入群聊)、quitGroup(退出群聊)和delGroup(删除群聊)

1.1.0(2021-01-26) 下载此版本

1、优化H5版本聊天(单聊和群聊)页面高度计算问题,解决表情和附件无法显示的问题; 2、保留页面处理逻辑; 3、使用SDK进行Socket的连接、监听等。

1.0.0(2021-01-17) 下载此版本

静态聊天模板

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

技能提升

实战课程:《uni-app博客实战开发教程》去腾讯课堂学习

交流沟通

加群交流QQ群:1078718987

UniappSDK开发文档:点击查看

消息推送限时促销:新用户免费体验3个月,商业版低至2.67元/天 立即体验

更新说明

  • 修复了H5版本聊天界面高度计算问题,解决表情和附件无法弹出的问题;
  • 整个项目保留完整处理逻辑(接口需要自己实现);
  • 使用百城推送的UniappSDK进行Socket相关操作。

关于通过DEMO体验的说明

  • 第一步:在 百城推送 平台注册账号;
  • 第二步:购买 免费体验版,购买成功后通过服务端 获取token
  • 第三步:通过服务端获取的token用在DEMO中,不需要进行本地数据保存,填写模拟账号就可以快速实现消息的推送与接收。

模板介绍

  • 模板涵盖的模块有:登录、通讯录、群聊、单聊、消息、我的等;
  • 模板涉及的功能有:创建群聊、成员管理、删除/退出群聊、设置群名称和头像;添加好友;个人头像等;
  • 模板支持的消息类型有:文本、表情、图片、语音、位置等,你还可以自动扩展其他消息类型。

模板说明

  • 模板没有进行网络数据交换,采用的是静态数据,在实际应用时对接接口进行展示即可;
  • 模板使用的Vue,没有使用NVue,所以在使用地图时会出现不兼容的情况;
  • 模板编译测试的环境有:安卓APP、微信小程序和H5,其他环境暂未测试。

模板申明

  • 本模板为本人利用业余时间开发,自知有很多不完善的地方,如果你觉得有用请自行下载体验;如果你觉得无用,绕道便是,谢谢!

模板使用

  • 下载压缩包后,直接拷贝到项目即可,无需通过cli安装。

模板在线体验

百城推送·H5版百城推送·微信小程序版

-------------H5版---------------------微信小程序版

在线体验消息推送对接(新用户免费体验3个月):百城推送

扫码快速进入:

百城推送.png

隐私、权限声明

1. 本插件需要申请的系统权限列表:

录音,摄像头,相册,定位

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问