更新记录
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 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
技能提升
交流沟通
加群交流QQ群:1078718987
UniappSDK开发文档:点击查看
消息推送限时促销:新用户免费体验3个月,商业版低至2.67元/天 立即体验
更新说明
- 修复了H5版本聊天界面高度计算问题,解决表情和附件无法弹出的问题;
- 整个项目保留完整处理逻辑(接口需要自己实现);
- 使用百城推送的UniappSDK进行Socket相关操作。
关于通过DEMO体验的说明
- 第一步:在 百城推送 平台注册账号;
- 第二步:购买 免费体验版,购买成功后通过服务端 获取token;
- 第三步:通过服务端获取的token用在DEMO中,不需要进行本地数据保存,填写模拟账号就可以快速实现消息的推送与接收。
模板介绍
- 模板涵盖的模块有:登录、通讯录、群聊、单聊、消息、我的等;
- 模板涉及的功能有:创建群聊、成员管理、删除/退出群聊、设置群名称和头像;添加好友;个人头像等;
- 模板支持的消息类型有:文本、表情、图片、语音、位置等,你还可以自动扩展其他消息类型。
模板说明
- 模板没有进行网络数据交换,采用的是静态数据,在实际应用时对接接口进行展示即可;
- 模板使用的Vue,没有使用NVue,所以在使用地图时会出现不兼容的情况;
- 模板编译测试的环境有:安卓APP、微信小程序和H5,其他环境暂未测试。
模板申明
- 本模板为本人利用业余时间开发,自知有很多不完善的地方,如果你觉得有用请自行下载体验;如果你觉得无用,绕道便是,谢谢!
模板使用
- 下载压缩包后,直接拷贝到项目即可,无需通过cli安装。
模板在线体验
-------------H5版---------------------微信小程序版
在线体验消息推送对接(新用户免费体验3个月):百城推送
扫码快速进入: