用Websocket实现Web IM（一）

前言：最近领导要求做一版简单的类似web版微信web IM作为其他产品的过渡，经过跟同事讨论后，决定用websocket尝试做一下（微信使用的是长轮询保持连接）。首先要解决的是扫码登录和重连机制问题，虽然实现起来很简单，但是以防忘记，还是要记录一下。

一、扫码登陆

1、二维码

二维码又称二维条码，常见的二维码为QR Code，QR全称Quick Response，是一个近几年来移动设备上超流行的一种编码方式，它比传统的Bar Code条形码能存更多的信息，也能表示更多的数据类型。

二维条码/二维码（2-dimensional bar code）是用某种特定的几何图形按一定规律在平面（二维方向上）分布的黑白相间的图形记录数据符号信息的；在代码编制上巧妙地利用构成计算机内部逻辑基础的“0”、“1”比特流的概念，使用若干个与二进制相对应的几何形体来表示文字数值信息，通过图象输入设备或光电扫描设备自动识读以实现信息自动处理：它具有条码技术的一些共性：每种码制有其特定的字符集；每个字符占有一定的宽度；具有一定的校验功能等。同时还具有对不同行的信息自动识别功能、及处理图形旋转变化点。 [1]
（来自百度）

2、扫码登陆流程

• 1）浏览器打开页面，出现二维码
• 2）手机扫描二维码，网页出现用户头像
• 3）手机确认登陆
• 4）网页加载出具体业务界面

3、前端，移动端，后端交互流程

需注意点：
1）二维码需设置有效期；
2）浏览器等待服务器返回用户信息可以用长轮询也可以用websocket；

二、重连机制

• 在使用websocket过程中，可能会出现网络断开的情况，这时候websocket的连接已经断开，而浏览器不会执行websocket的onclose方法，我们无法知道是否断开连接，也就无法进行重连操作。

• 解决办法：建立心跳机制，检查连接是否已断开，若已断开，走close方法，在onclose、onerror方法里绑定重连操作。

三、开发过程中代码问题

1.javax.websocket.Session.getBasicRemote().sendObject() 产生EncodeException

解决办法：
- 1）编写自己的解码器（实现Encoder.Text类,object替换为要传递的实体类），然后在encode()的这个方法内，可以自定义要返回的值；

public class ServerEncoder implements Encoder.Text<Object> {
    @Override
    public String encode(Object t) throws EncodeException {
        try {
            return JSONObject.toJSONString(t);
        } catch (Exception e) {
            e.printStackTrace();
            return null;
        }
    }

    @Override
    public void init(EndpointConfig endpointConfig) {

    }

    @Override
    public void destroy() {

    }
}

• 2）在@ServerEndpoint(value = “/websocket/news”, encoders = { ServerEncoder.class })
  处encoders加入刚刚自定义的解码类,这样就可以直接使用.sendObject()。