uniapp接收服务器消息,uniapp连接webSocket实例，收发数据存储到本地，详细教程

在最近通过uniapp开发的项目中，用到了webSocket技术来实现聊天功能，由于是第一次写这样的代码，碰到了不少坑和弯路，但是结果还是可以的，开发出来的聊天效果非常顺滑，远远超过普通的接口实时查询，总之很赞。同样的，我作为一个新手开始摸坑uniapp的webSocket也是比较麻烦的，网上的教程很多不可用或者残缺，官方的文档总是那么的简洁让刚入门的不是很好理解，所以还是整理一个文档自己记录，以及方便阅读的人。

实际上，通过这一轮折腾，感觉聊天软件和视频直播，视频对话，在第三方SDK的帮助下，也就是简简单单弄完的事情。

废话结束，开始代码安排

一：首先定义好数据字段，和本地存储方法

1.先定义好要用到的字段，包括消息列表，房间号，用户ID，用户名等等一系列data() {

return {

message:'', //消息内容

userName:"", //我的账号

userID:0, //我的用户ID

messageList:[], //消息列表

myName:"", //我的用户昵称

friendID:0, //好友的用户昵称

friendAccount:'', //好友的账号

roomID:"", //房间ID

};

},

2.先在项目内安装mp-storage插件，它是个非常好用支持多平台的本地数据存储解决方案，安装完成后，