【微信开发】微信小程序实现实时聊天功能
最近在做一个项目,需要运用到实时聊天功能,分享一下。
分为:
1.界面如何布局以及细节;
2.如何实现实时更新;
3.全部代码展示;
一、界面如何布局以及细节:
1.说到底,聊天界面就是循环一个数组,每一行为一个单位(item),循环(wx.for)我们设置的装聊天记录的数组。
2.我们设置每个item中有一个“id”来区别当前这条消息是本人发的,还是对方发的。(在连接系统后可以用两方人的_id来区分)。
数组设置为:
3.我们在很多的带有聊天功能的系统中都知道,进入页面和发送信息我们的需要将视角放置到我们刚更新的那条信息,则就有
①设置中的一个叫scroll-into-view的属性为一个“toBottom”这个字段:
文章版权声明:除非注明,否则均为主机测评原创文章,转载或复制请以超链接形式并注明出处。
还没有评论,来说两句吧...