溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Java中使用websocket實現(xiàn)在線聊天功能

發(fā)布時間:2020-09-22 01:33:18 來源:腳本之家 閱讀:171 作者:<天上白玉京> 欄目:編程語言

很早以前為了快速達到效果,使用輪詢實現(xiàn)了在線聊天功能,后來無意接觸了socket,關于socket我的理解是進程間通信,首先要有服務器跟客戶端,服務的啟動監(jiān)聽某ip端口定位該進程,客戶端開啟socket分配ip端口連接服務端ip端口,于是兩個進程間便可以通信了。下面簡單畫個圖理解。

Java中使用websocket實現(xiàn)在線聊天功能 

but,今天還是準備分享websocket的使用,先上效果,再貼代碼。

第一步啟動socket服務。

Java中使用websocket實現(xiàn)在線聊天功能 

然后連接客戶端連接服務器,加入聊天室,分別使用googel(白玉京,沈浪),火狐(楚留香),ie(李尋歡)進行測試,效果如下。

Java中使用websocket實現(xiàn)在線聊天功能 

*

*****************斷開一下。

Java中使用websocket實現(xiàn)在線聊天功能 

******************斷開一下。

Java中使用websocket實現(xiàn)在線聊天功能 

下面是本次測試源碼。

服務端:

 public class TestWebSocketController : Controller
  {
    WebSocketServer server;
    List<SessionInfo> listSession = new List<SessionInfo>();
    public ActionResult Index()
    {
      return View();
    }
    //服務啟動
    public string Start()
    {
      var ip = "192.168.1.106";
      var port = "1010";
      server = new WebSocketServer();
      if (!server.Setup(ip, int.Parse(port)))
      {
        return "WebSocket服務啟動Error";
      }
      //新的會話連接
      server.NewSessionConnected += SessionConnected;
      //會話關閉
      server.SessionClosed += SessionClosed;
      //新的消息接收
      server.NewMessageReceived += MessageReceived;
      if (!server.Start())
      {
        //處理監(jiān)聽失敗消息
        return "error";
      }
      return "success";
    }
    /// <summary>
    /// 會話關閉
    /// </summary>
    /// <param name="session"></param>
    /// <param name="value"></param>
    private void SessionClosed(WebSocketSession session, SuperSocket.SocketBase.CloseReason value)
    {
      Debug.WriteLine("會話關閉,關閉原因:{0} 來自:{1} 時間:{2:HH:MM:ss}", value, session.RemoteEndPoint, DateTime.Now);
      //SendMsgToRemotePoint(SessionId, SessionId + "已斷開");
      var sessionRemove = listSession.FirstOrDefault(s => s.SessionId == session.SessionID);
      listSession.Remove(sessionRemove);
    }
    /// <summary>
    /// 會話連接
    /// </summary>
    /// <param name="session"></param>
    private void SessionConnected(WebSocketSession session)
    {
      Debug.WriteLine("新的會話連接 來自:{0} SessionID:{1} 時間:{2:HH:MM:ss}", session.RemoteEndPoint, session.SessionID, DateTime.Now);
      listSession.Add(new SessionInfo { SessionId = session.SessionID, EndPoint = session.RemoteEndPoint.ToString() });
    }
    /// <summary>
    /// 消息接收
    /// </summary>
    /// <param name="session"></param>
    /// <param name="value"></param>
    private void MessageReceived(WebSocketSession session, string value)
    {
      //反序列化消息內(nèi)容
      var message = JsonConvert.DeserializeObject<MessageInfo>(value);
      foreach (var item in listSession)
      {
        ///發(fā)送消息
        SendMsg(item.SessionId, string.Format("{0}發(fā)來消息:{1}", message.Name, message.Message));
      }
    }
    // <summary>
    /// 發(fā)送消息
    /// </summary>
    /// <param name="sessionId"></param>
    /// <param name="msg"></param>
    private void SendMsg(string sessionId, string msg)
    {
      var appSession = server.GetAppSessionByID(sessionId);
      if (appSession != null)
        appSession.Send(msg);
    }
    public class MessageInfo
    {
      public string Name { get; set; }
      public string Message { get; set; }
    }
    public class SessionInfo
    {
      public string SessionId { get; set; }
      public string EndPoint { get; set; }
      //public string Name { get; set; }
    }
  }

客戶端:

@{
  ViewBag.Title = "Index";
}
<h3>Index</h3>
<script src="../Scripts/jquery-1.8.2.js"></script>
<input type="text" id="txtName" />
<input type="button" value="加入聊天室" id="btnConnection" />
<input type="button" value="離開聊天室" id="btnDisConnection" />
<input type="text" id="txtInput" />
<input type="button" value="發(fā)送" id="btnSend" />
<div id="msg"></div>
<script language="javascript" type="text/javascript">
  var ws;
  var url = "ws://192.168.1.106:1010"
  $("#btnConnection").click(function () {
    if ("WebSocket" in window) {
      ws = new WebSocket(url);
    }
    else if ("MozWebSocket" in window) {
      ws = new MozWebSocket(url);
    }
    else
      alert("瀏覽器版本過低,請升級您的瀏覽器");
    //注冊各類回調(diào)
    ws.onopen = function () {
      $("#msg").append($("#txtName").val() + "加入聊天室<br />");
    }
    ws.onclose = function () {
      $("#msg").append($("#txtName").val() + "離開聊天室<br />");
    }
    ws.onerror = function () {
      $("#msg").append("數(shù)據(jù)傳輸發(fā)生錯誤<br />");
    }
    ws.onmessage = function (receiveMsg) {
      $("#msg").append(receiveMsg.data + "<br />");
    }
    //監(jiān)聽窗口關閉事件,當窗口關閉時,主動去關閉websocket連接,防止連接還沒斷開就關閉窗口,server端會拋異常。
    window.onbeforeunload = function () {
      ws.close();
    }
  });
  //$("#btnDisConnection").click(function () {
  //  $("#msg").append($("#txtName").val() + "離開聊天室<br />");
  //  ws.close();
  //});
  $("#btnSend").click(function () {
    if (ws.readyState == WebSocket.OPEN) {
      var message = "{\"name\":\"" + $("#txtName").val() + "\",\"message\":\"" + $("#txtInput").val() + "\"}";
      ws.send(message);
    }
    else {
      $("#msg").text("Connection is Closed!");
    }
  });
</script>

總結(jié)

以上所述是小編給大家介紹的Java中使用websocket實現(xiàn)在線聊天功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對億速云網(wǎng)站的支持!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI