So erstellen Sie einen webSocket-Web-Chatroom in Java (mit Code)-javaLernprogramm-php.cn

So erstellen Sie einen webSocket-Web-Chatroom in Java (mit Code)

不言

Freigeben： 2018-09-19 17:39:16

Original

3852 Leute haben es durchsucht

Der Inhalt dieses Artikels befasst sich mit der Erstellung eines webSocket-Web-Chatrooms (mit Code). Ich hoffe, dass er für Sie hilfreich ist.

1. Was ist webSocket

WebSocket ist ein Netzwerkkommunikationsprotokoll und ein Persistenzprotokoll. RFC6455 definiert seinen Kommunikationsstandard.

WebSocket ist ein Protokoll für die Vollduplex-Kommunikation über eine einzelne TCP-Verbindung, das HTML5 zu bieten begann.

2. Warum webSocket verwenden

Traditionelle Webkommunikation verwendet http-Technologie. Das http-Protokoll ist ein zustandsloses, verbindungsloses, unidirektionales Anwendungsschichtprotokoll. Eine Anfrage kann nur einer Antwort entsprechen. Kommunikationsanfragen können nur vom Client gestellt werden, und der Server antwortet auf die Anfrage. Daher ist der Server beim Senden von Antworten sehr passiv. Diese passive Antwort soll verhindern, dass der Server rechtzeitig Antworten an den Client sendet. Wenn sich der Server ständig ändert, ist es für den Client sehr schwierig, sie zu erhalten Es. Durch die häufige Verwendung von asynchronem Ajax zum kontinuierlichen Abrufen von Anforderungen zur Implementierung langer Abfragen ist dies besonders leistungsintensiv und ineffizient. (Schütteln Sie weiter die Hände oder leben Sie noch lange weiter).

Und webSocket ermöglicht die Vollduplex-Kommunikation zwischen dem Server und dem Client. Solange die Verbindung einmal hergestellt ist, kann die Verbindung aufrechterhalten werden. Sobald eine Verbindung hergestellt ist, können beide Parteien miteinander kommunizieren, ohne dass mehrere Handshakes erforderlich sind.

3. WEB-Chatroom implementieren

pom.xml hinzufügen und JAR-Paket einführen

<dependency>
      <groupId>javax</groupId>
         <artifactId>javaee-api</artifactId>
         <version>7.0</version>
         <scope>provided</scope>
 </dependency>

Nach dem Login kopieren

2. HTML erstellen und js-Datei

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>在线聊天室</title>
<script type="text/javascript" src="./static/jquery-3.2.0.min.js"></script>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>
<body>
  <div>
    <div><span>聊天室</span>
         <button class="btn btn-warning" onclick="doClose();">退出聊天</button>
    </div>
    <div><textarea class="form-control" style="width: 40%;" rows="3" id="contentInp"></textarea></div><hr/>
    <div><button class="btn btn-danger" onclick="doClear();">清空会话框</button></div>
    <div id="content">开始聊天<br/></div>
  </div>
</body>
<script type="text/javascript">
   var ws = new WebSocket("ws://localhost:8080/ws/websocket"); //controller层url
   $(function(){
       $("#contentInp").keyup(function(evt){
           if(evt.which == 13){ //enter键发送消息
               var htm = $("#contentInp").val();
               doSend(htm);
               $("textarea").empty();
           }
       });
   })
   
   ws.onopen = function(){
       appendHtm("连接成功！");
   }
   
   // 从服务端接收到消息，将消息回显到聊天记录区
   ws.onmessage = function(evt){
       appendHtm(evt.data);
   }
   
   ws.onerror = function(){
       appendHtm("连接失败！");
   }
   
   ws.onclose = function(){
       appendHtm("连接关闭！");
   }
   
   function appendHtm(htm){
       ($("#content")[0]).innerHTML += htm +"<br/>" 
   }
   
   // 注销登录
   function doClose(){
       ws.close();
   }
   
   // 发送消息
   function doSend(htm){
      // ($("#content")[0]).innerHTML += htm +"<br/>" 
       ws.send(htm);
   }
   
   function doClear(){
       $("#content").empty();
   }
</script>
</html>

Nach dem Login kopieren

3.Backend-Java-Code

package controller;

import java.io.IOException;
import java.util.concurrent.CopyOnWriteArraySet;

import javax.net.ssl.SSLSession;
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;

@ServerEndpoint("/websocket")
public class WebScoketServer {

    private static Integer onlineNum = 0; //当前在线人数，线程必须设计成安全的
    private static CopyOnWriteArraySet<WebScoketServer> arraySet = new CopyOnWriteArraySet<WebScoketServer>(); //存放每一个客户的的WebScoketServer对象，线程安全
    private Session session;
    
    /**
     * 连接成功
     * @param session 会话信息
     */
    @OnOpen
    public void onOpen(Session session) {
        this.session =session;
        arraySet.add(this);
        this.addOnlineNum();
        System.out.println("有一个新连接加入，当前在线 "+this.getOnLineNum()+" 人");
    }
    
    /**
     * 连接关闭
     */
    @OnClose
    public void onClose() {
        arraySet.remove(this);
        this.subOnlineNum();
        System.out.println("有一个连接断开，当前在线 "+this.getOnLineNum()+" 人");
    }
    
    /**
     * 连接错误
     * @param session
     * @param error
     */
    @OnError
    public void onError(Session session, Throwable error) {
        System.err.println("发生错误！");
        error.printStackTrace();
    }
    
    /**
     * 发送消息,不加注解，自己选择实现
     * @param msg
     * @throws IOException
     */
    public void onSend(String msg) throws IOException {
        this.session.getBasicRemote().sendText(msg);
    }
    
    /**
     * 收到客户端消息回调方法
     * @param session
     * @param msg
     */
    @OnMessage
    public void onMessage(Session session, String msg) {
        System.out.println("消息监控："+msg);
        for (WebScoketServer webScoketServer : arraySet) {
            try {
                webScoketServer.onSend(msg);
            } catch (IOException e) {
                e.printStackTrace();
                continue;
            }
        }
    }
    /**
     * 增加一个在线人数
     */
    private synchronized void addOnlineNum() {
        onlineNum++;
    }
    
    /**
     * 减少一个在线人数
     */
    private synchronized void subOnlineNum() {
        onlineNum--;
    }
    
    private Integer getOnLineNum() {
        return onlineNum;
    }
}

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo erstellen Sie einen webSocket-Web-Chatroom in Java (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!