编写完成之后启动Tomcat服务器，然后访问 http://localhost:8080/Chat/index.jsp   ，会看到如下界面。

3. 编写后台代码

新建一个com.shiyanlou.chat的包，在包中创建一个名为ChatServer的类，从JavaEE 7开始就统一了WebSocket的API，因此无论是什么服务器，用Java写的代码都是一样的，代码如下：

package com.shiyanlou.chat;

import java.text.SimpleDateFormat;

import java.util.Date;

import javax.websocket.OnClose;

import javax.websocket.OnError;

import javax.websocket.OnMessage;

import javax.websocket.OnOpen;

import javax.websocket.Session;

import javax.websocket.server.ServerEndpoint;

import net.sf.json.JSONObject;

/**

* 聊天服务器类

* @author shiyanlou

*

*/

@ServerEndpoint("/websocket")

public class ChatServer {

private static final SimpleDateFormat DATE_FORMAT = new SimpleDateFormat("yyyy-MM-dd HH:mm"); // 日期格式化

@OnOpen

public void open(Session session) {

// 添加初始化操作

}

/**

* 接受客户端的消息，并把消息发送给所有连接的会话

* @param message 客户端发来的消息

* @param session 客户端的会话

*/

@OnMessage

public void getMessage(String message, Session session) {

// 把客户端的消息解析为JSON对象

JSONObject jsonObject = JSONObject.fromObject(message);

// 在消息中添加发送日期

jsonObject.put("date", DATE_FORMAT.format(new Date()));

// 把消息发送给所有连接的会话

for (Session openSession : session.getOpenSessions()) {

// 添加本条消息是否为当前会话本身发的标志