Flutter im简单通信(一)-->界面+WebSocket

简易WebSocket通讯，利用官方测试接口，本地消息发送与接收显示

WechatIMG14.jpeg

demo地址：https://gitee.com/bigpowers/f-lutter_im_yin

核心代码:

//创建websocket连接
var headers = {"origin": "ws://echo.websocket.org"};
BetterSocket.connentSocket("ws://echo.websocket.org", httpHeaders: headers);
BetterSocket.addListener(onOpen: (httpStatus, httpStatusMessage) {
  print("连接状态:$httpStatus  连接状态信息:$httpStatusMessage");
}, onMessage: (message) {
  onSuccess(message);
  print("接收到的信息:$message");
}, onClose: (code, reason, remote) {
  onClose(reason);
  print("关闭-:$code  原因:$reason  remote:$remote");
}, onError: (message) {
  onError(message);
  print("错误信息:$message");
});

具体方法实现可下载demo探索，其中ChatContact类是微信支付可忽略。
WebSocket本身自带心跳，可根据返回状态做重连处理，消息列表，好友列表需要与后台配合，目前本文并为涉及，后期会逐步完善。
目前只是针对官方的简单通讯测试，根据项目需求可自行编写，demo中的UI部分已经写好，文字，语音（仿微信的录入动画，上滑取消发送），图片，视频。后续会创建后台以供通讯测试，敬请期待～

有疑问或者见解欢迎下方留言