小編給大家分享一下如何使用WebSocket實(shí)現(xiàn)即時(shí)通訊，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)于2013年創(chuàng)立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元羅山做網(wǎng)站,已為上家服務(wù),為羅山各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792

隨著互聯(lián)網(wǎng)的發(fā)展，傳統(tǒng)的HTTP協(xié)議已經(jīng)很難滿足Web應(yīng)用日益復(fù)雜的需求了。近年來(lái)，隨著HTML5的誕生，WebSocket協(xié)議被提出，它實(shí)現(xiàn)了瀏覽器與服務(wù)器的全雙工通信，擴(kuò)展了瀏覽器與服務(wù)端的通信功能，使服務(wù)端也能主動(dòng)向客戶端發(fā)送數(shù)據(jù)。

傳統(tǒng)的HTTP協(xié)議是無(wú)狀態(tài)的，每次請(qǐng)求（request）都要由客戶端（如瀏覽器）主動(dòng)發(fā)起，服務(wù)端進(jìn)行處理后返回response結(jié)果，而服務(wù)端很難主動(dòng)向客戶端發(fā)送數(shù)據(jù)；這種客戶端是主動(dòng)方，服務(wù)端是被動(dòng)方的傳統(tǒng)Web模式對(duì)于信息變化不頻繁的Web應(yīng)用來(lái)說(shuō)造成的麻煩較小，而對(duì)于涉及實(shí)時(shí)信息的Web應(yīng)用卻帶來(lái)了很大的不便，如帶有即時(shí)通信、實(shí)時(shí)數(shù)據(jù)、訂閱推送等功能的應(yīng)用。在WebSocket規(guī)范提出之前，開(kāi)發(fā)人員若要實(shí)現(xiàn)這些實(shí)時(shí)性較強(qiáng)的功能，經(jīng)常會(huì)使用折衷的解決方法：輪詢（polling）和Comet技術(shù)。其實(shí)后者本質(zhì)上也是一種輪詢，只不過(guò)有所改進(jìn)。

輪詢是最原始的實(shí)現(xiàn)實(shí)時(shí)Web應(yīng)用的解決方案。輪詢技術(shù)要求客戶端以設(shè)定的時(shí)間間隔周期性地向服務(wù)端發(fā)送請(qǐng)求，頻繁地查詢是否有新的數(shù)據(jù)改動(dòng)。明顯地，這種方法會(huì)導(dǎo)致過(guò)多不必要的請(qǐng)求，浪費(fèi)流量和服務(wù)器資源。

Comet技術(shù)又可以分為長(zhǎng)輪詢和流技術(shù)。長(zhǎng)輪詢改進(jìn)了上述的輪詢技術(shù)，減小了無(wú)用的請(qǐng)求。它會(huì)為某些數(shù)據(jù)設(shè)定過(guò)期時(shí)間，當(dāng)數(shù)據(jù)過(guò)期后才會(huì)向服務(wù)端發(fā)送請(qǐng)求；這種機(jī)制適合數(shù)據(jù)的改動(dòng)不是特別頻繁的情況。流技術(shù)通常是指客戶端使用一個(gè)隱藏的窗口與服務(wù)端建立一個(gè)HTTP長(zhǎng)連接，服務(wù)端會(huì)不斷更新連接狀態(tài)以保持HTTP長(zhǎng)連接存活；這樣的話，服務(wù)端就可以通過(guò)這條長(zhǎng)連接主動(dòng)將數(shù)據(jù)發(fā)送給客戶端；流技術(shù)在大并發(fā)環(huán)境下，可能會(huì)考驗(yàn)到服務(wù)端的性能。

這兩種技術(shù)都是基于請(qǐng)求-應(yīng)答模式，都不算是真正意義上的實(shí)時(shí)技術(shù)；它們的每一次請(qǐng)求、應(yīng)答，都浪費(fèi)了一定流量在相同的頭部信息上，并且開(kāi)發(fā)復(fù)雜度也較大。

**伴隨著HTML5推出的WebSocket，真正實(shí)現(xiàn)了Web的實(shí)時(shí)通信，使B/S模式具備了C/S模式的實(shí)時(shí)通信能力。**WebSocket的工作流程是這樣的：瀏覽器通過(guò)JavaScript向服務(wù)端發(fā)出建立WebSocket連接的請(qǐng)求，在WebSocket連接建立成功后，客戶端和服務(wù)端就可以通過(guò)TCP連接傳輸數(shù)據(jù)。因?yàn)閃ebSocket連接本質(zhì)上是TCP連接，不需要每次傳輸都帶上重復(fù)的頭部數(shù)據(jù)，所以它的數(shù)據(jù)傳輸量比輪詢和Comet技術(shù)小了很多。本文不詳細(xì)地介紹WebSocket規(guī)范，主要介紹下WebSocket在Java Web中的實(shí)現(xiàn),并使用WebSocket實(shí)現(xiàn)一個(gè)聊天室。

JavaEE 7中出了JSR-356:Java API for WebSocket規(guī)范。不少Web容器，如Tomcat,Nginx,Jetty等都支持WebSocket。Tomcat從7.0.27開(kāi)始支持WebSocket，從7.0.47開(kāi)始支持JSR-356。下面的代碼也必須運(yùn)行在Tomcat7.0.27以上的版本。

WebSocket服務(wù)端的代碼

//該注解用來(lái)指定一個(gè)URI，客戶端可以通過(guò)這個(gè)URI來(lái)連接到WebSocket。類似Servlet的注解mapping。無(wú)需在web.xml中配置。
@ServerEndpoint("/webSocket")
public class WebSocketDemo {
 // 靜態(tài)變量，用來(lái)記錄當(dāng)前在線連接數(shù)。應(yīng)該把它設(shè)計(jì)成線程安全的。
 private static final AtomicInteger onlineCount = new AtomicInteger(0);
 // concurrent包的線程安全Set，用來(lái)存放每個(gè)客戶端對(duì)應(yīng)的MyWebSocket對(duì)象。若要實(shí)現(xiàn)服務(wù)端與單一客戶端通信的話，可以使用Map來(lái)存放，其中Key可以為用戶標(biāo)識(shí)
 private static CopyOnWriteArraySet webSocketSet = new CopyOnWriteArraySet();
 //定義一個(gè)記錄客戶端的聊天昵稱
 private final String nickname;
 // 與某個(gè)客戶端的連接會(huì)話，需要通過(guò)它來(lái)給客戶端發(fā)送數(shù)據(jù)
 private Session session;

 public WebSocketDemo() {
  nickname = "訪客"+onlineCount.getAndIncrement(); 
 }
 /*
  *使用@Onopen注解的表示當(dāng)客戶端鏈接成功后的回掉。參數(shù)Session是可選參數(shù)
  這個(gè)Session是WebSocket規(guī)范中的會(huì)話，表示一次會(huì)話。并非HttpSession
  */
 @OnOpen
 public void onOpen(Session session) {
  this.session = session;
  webSocketSet.add(this);
  String message = String.format("[%s,%s]",nickname,"加入聊天室");
  broadcast(message);
  System.out.println("onOpen");
 }
/*
  *使用@OnMessage注解的表示當(dāng)客戶端發(fā)送消息后的回掉，第一個(gè)參數(shù)表示用戶發(fā)送的數(shù)據(jù)。參數(shù)Session是可選參數(shù)，與OnOpen方法中的session是一致的
  */
 @OnMessage
 public void onMessage(String message,Session session){
 //這里當(dāng)然會(huì)打印true
  System.out.println(this.session==session);
  broadcast(String.format("%s:%s",nickname,filter(message)));
 }
/*
*用戶斷開(kāi)鏈接后的回調(diào)，注意這個(gè)方法必須是客戶端調(diào)用了斷開(kāi)鏈接方法后才會(huì)回調(diào)
*/
 @OnClose
 public void onClose() {
  webSocketSet.remove(this);
  String message = String.format("[%s,%s]",nickname,"離開(kāi)了聊天室鏈接");
  broadcast(message);
 }
 //完成群發(fā)
 private void broadcast(String info){
  for(WebSocketDemo w:webSocketSet){
   try {
    synchronized (WebSocketDemo.class) {
     w.session.getBasicRemote().sendText(info);
    }
   } catch (IOException e) {
    System.out.println("向客戶端"+w.nickname+"發(fā)送消息失敗");
    webSocketSet.remove(w);
    try {
     w.session.close();
    } catch (IOException e1) {}
    String message = String.format("[%s,%s]",w.nickname,"已經(jīng)斷開(kāi)鏈接");
    broadcast(message);
   }

  }
 }
 //對(duì)用戶的消息可以做一些過(guò)濾請(qǐng)求，如屏蔽關(guān)鍵字等等。。。
 public static String filter(String message){
  if(message==null){
   return null;
  }
  return message;
 }
}

客戶端（Web主頁(yè)）代碼：

 var ws = new WebSocket("ws://localhost:8080/WebSocketTest/webSocket");
 /*
  *監(jiān)聽(tīng)三種狀態(tài)的變化 。js會(huì)回調(diào)
  */
 ws.onopen = function(message) {

 };
 ws.onclose = function(message) {

 };
 ws.onmessage = function(message) {
  showMessage(message.data);
 };
 //監(jiān)聽(tīng)窗口關(guān)閉事件，當(dāng)窗口關(guān)閉時(shí)，主動(dòng)去關(guān)閉websocket連接，防止連接還沒(méi)斷開(kāi)就關(guān)閉窗口，server端會(huì)拋異常。
window.onbeforeunload = function() {
  ws.close();
 };
 //關(guān)閉連接
 function closeWebSocket() {
  ws.close();
 }
 //發(fā)送消息
 function send() {
  var input = document.getElementById("msg");
  var text = input.value;
  ws.send(text);
  input.value = "";
 }
 function showMessage(message) {
  var text = document.createTextNode(message);
  var br = document.createElement("br")
  var div = document.getElementById("showChatMessage");
  div.appendChild(text);
  div.appendChild(br);
 }



 

  
  
  

以上是“如何使用WebSocket實(shí)現(xiàn)即時(shí)通訊”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！