微信小程序-在线聊天

介绍

聊天功能的DEMO。如果你想给微信小程序添加实时聊天功能，可以快速使用。

运行演示

如何使用

关于

关于账户

目前已经开通了三个账号，大老师，密码都是123，大家可以自行测试一下。

为了设计和测试方便（我没有用两个微信来来回测试，太麻烦），设计采用账号密码注册，而不是微信账号绑定。所以整个程序使用_id而不是

关于代码实现

聊天模块使用-view，设置-into-view="{{}}"，这样每次进入聊天页面都可以移动到底部，即位置

输入框用于实现防抖

采用聊天模式实现实时沟通

上传图片和更新头像使用wx.处理，其中

cloudPath: app.globalData.userInfo.account_id + count + ".png",

这是上传的数量。用于处理用户多次上传头像的情况。仅修改图片内容，数据库中图片名称不变。微信小程序不会更新。

很大一部分代码使用_id作为键值，可以使用

这是一个实践项目。现在看来设计并不是那么完美。让我们把它当作一个学习过程。

文本使用如下css来实现换行、填充等。

text { font-size: 30rpx; word-wrap: break-word; word-break: break-all; white-space: pre-line; }

该模块使用以下css来隐藏多余的文本

white-space : nowrap; text-overflow:ellipsis;