如何实现微信小程序实时聊天功能，并支持图文消息？

本文共计2459个文字，预计阅读时间需要10分钟。

第一次写小程序，老板就让我用WebSocket写个聊天对话功能，群聊这种。第一次写聊天功能，第一次用WebSocket，第一次用小程序，这是在考验我吗？不过我研究了下，终于实现了。

第一次写小程序，老板就让我用websoket写个聊天对话，群聊这种。第一次写聊天功能，第一次用websoket,第一次用小程序，这是在考验我吗？不过我还是研究了一下，终于实现了。

首先看一下界面，界面很简单，就是首页刚进来获取了用户信息头像，昵称等。点击进入聊天室就可以聊天了,下面我介绍的是前端代码实现，后台需要做的很简单，就是你给他发送什么数据，他就给你返回什么数据，就是在接收前台发送过来的图片的时候需要做个格式转换，因为有时候前端将接收到的json字符串转换json对象的时候，遇到有特殊的标点符号可能会报错，比如我就是‘\'报的错，找了半天。