主頁 > 後端開發 > websocket

websocket

2023-06-10 07:53:08 後端開發

1. WebSocket介紹

  • WebSocket 是一種網路通信協議,RFC6455 定義了它的通信標準,

  • WebSocket 是 HTML5 開始提供的一種在單個 TCP 連接上進行全雙工通訊的協議,

  • HTTP 協議是一種無狀態的、無連接的、單向的應用層協議,它采用了請求/回應模型,通信請求只能由客戶端發起,服務端對請求做出應答處理,

  • 這種通信模型有一個弊端:HTTP 協議無法實作服務器主動向客戶端發起訊息,

  • 這種單向請求的特點,注定了如果服務器有連續的狀態變化,客戶端要獲知就非常麻煩,大多數 Web 應用程式將通過頻繁的異步 AJAX 請求實作長輪詢,輪詢的效率低,非常浪費資源(因為必須不停連接,或者 HTTP 連接始終打開),

2. websocket協議

  • 本協議有兩部分:握手和資料傳輸,

  • 握手是基于http協議的,

  1. 客戶端(瀏覽器)實作

3.1 websocket物件

實作 WebSockets 的 Web 瀏覽器將通過 WebSocket 物件公開所有必需的客戶端功能(主要指支持 Html5 的瀏覽器),

以下 API 用于創建 WebSocket 物件:

var ws = new WebSocket(url);
引數url格式說明: ws://ip地址:埠號/資源名稱

3.2 websocket事件

WebSocket 物件的相關事件

事件 事件處理程式 描述
onopen websocket物件.onopen 連接建立時觸發
onmessage websocket物件.onmessage 客戶端接收服務端資料時觸發
onerror websocket物件.onerror 通信發生錯誤時觸發
onclose websocket物件.onclose 連接關閉時觸發

3.3 WebSocket方法

WebSocket 物件的相關方法:

方法 描述
send 使用連接時發送訊息

服務器實作

Java WebSocket應用由一系列的WebSocketEndpoint組成,Endpoint 是一個java物件,代表WebSocket鏈接的一端,對于服務端,我們可以視為處理具體WebSocket訊息的介面, 就像Servlet之與http請求一樣,

我們可以通過兩種方式定義Endpoint:

· 第一種是編程式, 即繼承類 javax.websocket.Endpoint并實作其方法,

· 第二種是注解式, 即定義一個POJO, 并添加 @ServerEndpoint相關注解,

實作流程

image

服務端如何接收資料

通過為 Session 添加 MessageHandler 訊息處理器來接收訊息,當采用注解方式定義Endpoint時,我們還可以通過 @OnMessage 注解指定接收訊息的方法,

服務端如何推送資料

發送訊息則由RemoteEndpoint完成,其實體由Session維護,根據使用情況,我們可以通過
Session.getBasicRemote獲取同步訊息發送的實體,然后呼叫其sendXxx()方法就可以發送訊息,可以通過
Session.getAsyncRemote獲取異步訊息發送實體,

實作一個簡單的聊天室功能

步驟:

1.首先匯入依賴

<dependencies>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-websocket</artifactId>
    </dependency>
Message
@Data
@AllArgsConstructor
@NoArgsConstructor
public class Message {
    private Long id;
    @TableField(value = "https://www.cnblogs.com/ItChenjl/archive/2023/06/09/from_user_id")
    private User fromUser;
    @TableField(value = "https://www.cnblogs.com/ItChenjl/archive/2023/06/09/to_user_id")
    private User toUser;
     private String content;
    @TableField(fill = FieldFill.INSERT)
    private LocalDateTime createTime;

    @TableField(fill = FieldFill.INSERT)
    private LocalDateTime updateTime;

    private int messageType;

    @TableField(exist = false)
    private String toName;

    @TableField(exist = false)
    private String fromName;

    @TableField(exist = false)
    private String message;

    //添加好友碼
    public static final int ADD_FRIEND = 2;
    //好友串列訊息碼
    public static final int FRIEND_LIST_TYPE = 3;
Result
@Data
@AllArgsConstructor
@NoArgsConstructor
public class Result<T>{
    /**
     * 狀態碼
     */
    private Integer code;
    /**
     * 提示資訊,如果有錯誤時,前端可以獲取該欄位進行提示
     */
    private boolean flag;
    private String message;
    private T data; //資料


    public static <T> Result<T> success(T object) {
        Result<T> r = new Result<T>();
        r.data = https://www.cnblogs.com/ItChenjl/archive/2023/06/09/object;
        r.code = 1;
        r.flag = true;
        return r;
    }

    public static  Result error(String message) {
        Result r = new Result();
        r.message = message;
        r.code = 0;
        r.flag = false;
        return r;
    }
}
登錄
    @PostMapping("/login")
    public Result<User> login(@RequestBody User user ,HttpSession session){
        String password = user.getPassword();
        String username = user.getUsername();
        log.info("用戶登錄操作");
         //MD5加密
        password = DigestUtils.md5DigestAsHex(password.getBytes());

        //根據用戶名查找資料庫
        LambdaQueryWrapper<User> wrapper =new LambdaQueryWrapper<>();
        wrapper.eq(User::getUsername,username);
        User one = userService.getOne(wrapper);
        if (one == null){
            return Result.error("用戶不存在,請先注冊");
        }if (! one.getPassword().equals(password)){
            return Result.error("用戶名或者密碼有誤");
        }
        // 登錄成功,將用戶的ID存盤到WebSocket連接的Session中

        session.setAttribute("userId", one.getId()); // 假設用戶ID為one.getId()
        String sessionId = session.getId();

        return Result.success(one);
    }
獲取用戶名
    @GetMapping("/getUsername")
    private String getUsername(HttpSession session) {
        // 從 HttpSession 中獲取用戶資訊
        User user = (User) session.getAttribute("user");
        if (user != null) {
            return user.getUsername();
        }
        return null;
    }
配置
@Configuration
@EnableWebSocketMessageBroker
public class WebsocketConfig implements WebSocketMessageBrokerConfigurer {

    @Bean
    //注入ServerEndpointExporter bean.物件,自動注冊使用了@ServerEndpoint
    public ServerEndpointExporter serverEndpointExporter(){
        return  new ServerEndpointExporter();
    }

    @Override
    public void registerStompEndpoints(StompEndpointRegistry registry) {
        // 定義一個 WebSocket 入口,客戶端需要連接到它才能接收推送訊息
        registry.addEndpoint("/websocket").withSockJS();
    }

    @Override
    public void configureMessageBroker(MessageBrokerRegistry config) {
        // 啟用推送的訊息代理(即使用 STOMP 實作 WebSocket 的代理)
        config.enableSimpleBroker("/topic");
        // 開啟基于用戶的 WebSocket 會話
        config.setUserDestinationPrefix("/user");
    }
}



public class GetHttpSessionConfig extends ServerEndpointConfig.Configurator {

    /**
     * 獲取session物件
     * @param sec
     * @param request
     * @param response
     */
    @Override
    public void modifyHandshake(ServerEndpointConfig sec, HandshakeRequest request, HandshakeResponse response) {
         //獲取HttpSession.物件
        HttpSession httpsession = (HttpSession) request.getHttpSession();
        //將httpSession存盤到配置物件
        sec.getUserProperties().put(HttpSession.class.getName(), httpsession);
    }
}
聊天室功能
@ServerEndpoint(value = "https://www.cnblogs.com/chat",configurator = GetHttpSessionConfig.class)
@Component
@Slf4j
public class ChatEndpoint {

    private Session session;
    private static HttpSession httpSession;
    //用來存盤每一個客戶端物件對應的ChatEndpoint物件
    private static final Map<String,Session> onlineUsers = new ConcurrentHashMap<>();
    @OnOpen
    public void onopen(Session session, EndpointConfig config) {
        //將區域的session物件賦值給成員session
        this.session = session;
        //獲取Httpsession物件 ,鍵值對集合,得到鍵獲取值
        this.httpSession = (HttpSession) config.getUserProperties().get(HttpSession.class.getName());
        String user = (String) this.httpSession.getAttribute("user");
        onlineUsers.put(user,session);
        //廣播訊息,獲取在線的所有好友
        String message = MessageUtils.getMessage(true, null, getFriendsName());
        broadcastAllUsers(message);

    }

    /**
     * 獲取所有在線的好友資訊,名稱
     * @return
     */
    public Set getFriendsName(){
        Set<String> set = onlineUsers.keySet();
        return set;
    }

    /**
     * 發給所有人的廣播
     * @param message
     */
    private void broadcastAllUsers(String message){

//        拿到所有的用戶的chatEndpoint物件  //存盤用戶的session資訊
        Set<Map.Entry<String,Session>> entries = onlineUsers.entrySet();
        //遍歷map集合
        for (Map.Entry<String, Session> entry : entries) {
            //獲取所有用戶對應的session物件  //擁有getBasicRemote發送訊息的方法
            Session session =entry.getValue();
            //發送訊息
            try {
                session.getBasicRemote().sendText(message);
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
    }

    @OnMessage
    public void onMessage(String message, @PathParam("username") String username){
        try {
            log.info("服務端收到用戶username={}的訊息:{}", username, message);
            //將訊息轉換成message物件
            Message msg = JSON.parseObject(message,Message.class);
            //獲取接收方的用戶名
            String toName = msg.getToName();
            //獲取訊息資料
            String message1 = msg.getMessage();
            //獲取接收方的用戶的session物件
            Session session = onlineUsers.get(toName);
            if (session != null) {
    //            獲取當前登錄的用戶  從session中獲取
                String user = (String) httpSession.getAttribute("user");  //user代表的是發送方
                String message2 = MessageUtils.getMessage(false, user, message1);
                    session.getBasicRemote().sendText(message2);
            }else {
                log.info("未找到用戶username{}的session",toName);

            }
            if (msg.ADD_FRIEND ==2 && session != null){
                //獲取發送發
                String user = (String) httpSession.getAttribute("user");
                //獲取訊息
                String message2 = MessageUtils.getMessage(false, user, message1);
                //發送
                session.getBasicRemote().sendText(message2);

                //將好友添加到相應的串列中,例如用Map存盤好友串列
                Map<String, List<String>> friendLists = (Map<String, List<String>>) httpSession.getAttribute("friendLists");
                List<String> friendList=friendLists.get(user);
                friendList.add(toName);
                friendLists.put(user,friendList);
                httpSession.setAttribute("friendLists", friendLists);
                //發送好友串列
                Message friendListMessage = new Message();
                friendListMessage.setMessageType(3);
                friendListMessage.setFromName("System");
                friendListMessage.setToName(user);
                friendListMessage.setMessage(JSON.toJSONString(friendList));
                ChatEndpoint.send(friendListMessage,getFriendsName());

            }
            else {
                log.info("未找到用戶username{}的session",toName);
            }
        } catch (IOException e) {
            throw new RuntimeException(e);
        }
    }

    private static void send(Message friendListMessage, Set friendsName) {
        try {
            String toName = friendListMessage.getToName();
            String message = friendListMessage.getMessage();
            Session session = onlineUsers.get(toName);
            if (session != null) {
                String json = JSON.toJSONString(message);
                session.getBasicRemote().sendText(json);
            } else {
                log.info("未找到用戶{}的session", toName);
            }
        } catch (IOException e) {
            throw new RuntimeException(e);
        }
    }



    @OnClose
   public void onclose(Session session) {
        //提出session中的記錄
       String user = (String) this.httpSession.getAttribute("user");
       onlineUsers.remove(user);
       //通知所有用戶,此賬號下線,
       String message = MessageUtils.getMessage(true, null, getFriendsName());
       broadcastAllUsers(message);
   }

轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/554747.html

標籤:其他

上一篇:【K哥爬蟲普法】一個人、一年半、掙了2000萬!

下一篇:返回列表

標籤雲
其他(160665) Python(38219) JavaScript(25489) Java(18216) C(15237) 區塊鏈(8270) C#(7972) AI(7469) 爪哇(7425) MySQL(7241) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5873) 数组(5741) R(5409) Linux(5347) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4589) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2435) ASP.NET(2404) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) .NET技术(1984) 功能(1967) HtmlCss(1956) Web開發(1951) C++(1933) python-3.x(1918) 弹簧靴(1913) xml(1889) PostgreSQL(1880) .NETCore(1863) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • 【C++】Microsoft C++、C 和匯編程式檔案

    ......

    uj5u.com 2020-09-10 00:57:23 more
  • 例外宣告

    相比于斷言適用于排除邏輯上不可能存在的狀態,例外通常是用于邏輯上可能發生的錯誤。 例外宣告 Item 1:當函式不可能拋出例外或不能接受拋出例外時,使用noexcept 理由 如果不打算拋出例外的話,程式就會認為無法處理這種錯誤,并且應當盡早終止,如此可以有效地阻止例外的傳播與擴散。 示例 //不可 ......

    uj5u.com 2020-09-10 00:57:27 more
  • Codeforces 1400E Clear the Multiset(貪心 + 分治)

    鏈接:https://codeforces.com/problemset/problem/1400/E 來源:Codeforces 思路:給你一個陣列,現在你可以進行兩種操作,操作1:將一段沒有 0 的區間進行減一的操作,操作2:將 i 位置上的元素歸零。最終問:將這個陣列的全部元素歸零后操作的最少 ......

    uj5u.com 2020-09-10 00:57:30 more
  • UVA11610 【Reverse Prime】

    本人看到此題沒有翻譯,就附帶了一個自己的翻譯版本 思考 這一題,它的第一個要求是找出所有 $7$ 位反向質數及其質因數的個數。 我們應該需要質數篩篩選1~$10^{7}$的所有數,這里就不慢慢介紹了。但是,重讀題,我們突然發現反向質數都是 $7$ 位,而將它反過來后的數字卻是 $6$ 位數,這就說明 ......

    uj5u.com 2020-09-10 00:57:36 more
  • 統計區間素數數量

    1 #pragma GCC optimize(2) 2 #include <bits/stdc++.h> 3 using namespace std; 4 bool isprime[1000000010]; 5 vector<int> prime; 6 inline int getlist(int ......

    uj5u.com 2020-09-10 00:57:47 more
  • C/C++編程筆記:C++中的 const 變數詳解,教你正確認識const用法

    1、C中的const 1、區域const變數存放在堆疊區中,會分配記憶體(也就是說可以通過地址間接修改變數的值)。測驗代碼如下: 運行結果: 2、全域const變數存放在只讀資料段(不能通過地址修改,會發生寫入錯誤), 默認為外部聯編,可以給其他源檔案使用(需要用extern關鍵字修飾) 運行結果: ......

    uj5u.com 2020-09-10 00:58:04 more
  • 【C++犯錯記錄】VS2019 MFC添加資源不懂如何修改資源宏ID

    1. 首先在資源視圖中,添加資源 2. 點擊新添加的資源,復制自動生成的ID 3. 在解決方案資源管理器中找到Resource.h檔案,編輯,使用整個專案搜索和替換的方式快速替換 宏宣告 4. Ctrl+Shift+F 全域搜索,點擊查找全部,然后逐個替換 5. 為什么使用搜索替換而不使用屬性視窗直 ......

    uj5u.com 2020-09-10 00:59:11 more
  • 【C++犯錯記錄】VS2019 MFC不懂的批量添加資源

    1. 打開資源頭檔案Resource.h,在其中預先定義好宏 ID(不清楚其實ID值應該設定多少,可以先新建一個相同的資源項,再在這個資源的ID值的基礎上遞增即可) 2. 在資源視圖中選中專案資源,按F7編輯資源檔案,按 ID 型別 相對路徑的形式添加 資源。(別忘了先把檔案拷貝到專案中的res檔案 ......

    uj5u.com 2020-09-10 01:00:19 more
  • C/C++編程筆記:關于C++的參考型別,專供新手入門使用

    今天要講的是C++中我最喜歡的一個用法——參考,也叫別名。 參考就是給一個變數名取一個變數名,方便我們間接地使用這個變數。我們可以給一個變數創建N個參考,這N + 1個變數共享了同一塊記憶體區域。(參考型別的變數會占用記憶體空間,占用的記憶體空間的大小和指標型別的大小是相同的。雖然參考是一個物件的別名,但 ......

    uj5u.com 2020-09-10 01:00:22 more
  • 【C/C++編程筆記】從頭開始學習C ++:初學者完整指南

    眾所周知,C ++的學習曲線陡峭,但是花時間學習這種語言將為您的職業帶來奇跡,并使您與其他開發人員區分開。您會更輕松地學習新語言,形成真正的解決問題的技能,并在編程的基礎上打下堅實的基礎。 C ++將幫助您養成良好的編程習慣(即清晰一致的編碼風格,在撰寫代碼時注釋代碼,并限制類內部的可見性),并且由 ......

    uj5u.com 2020-09-10 01:00:41 more
最新发布
  • websocket

    # 1. WebSocket介紹 * WebSocket 是一種網路通信協議。RFC6455 定義了它的通信標準。 * WebSocket 是 HTML5 開始提供的一種在單個 TCP 連接上進行全雙工通訊的協議。 * HTTP 協議是一種無狀態的、無連接的、單向的應用層協議。它采用了請求/回應模型 ......

    uj5u.com 2023-06-10 07:53:08 more
  • 【K哥爬蟲普法】一個人、一年半、掙了2000萬!

    ![01](https://img2023.cnblogs.com/other/2501174/202306/2501174-20230609142240935-1220768091.png) > 我國目前并未出臺專門針對網路爬蟲技術的法律規范,但在司法實踐中,相關判決已屢見不鮮,K 哥特設了“K哥 ......

    uj5u.com 2023-06-10 07:52:20 more
  • ImageIO的應用 (AWT和Swing初接觸)

    # ImageIO的應用 # 一、關于IO流 在講imageio之前,我們先來復習一下IO流的使用。 這里我建立一個Java類,用來實作讀取檔案中的內容,并且能夠識別換行,話不多說,上代碼: ```java package com.Evan.demo; import java.io.Buffered ......

    uj5u.com 2023-06-10 07:51:44 more
  • JavaWeb準備作業和部分環境配置

    # JavaWeb ## 基本概念 web開發: - web:網頁的意思 - 靜態web:提供的資料資源不會發生改變 - 動態web:資料是不斷變化的,現代網站幾乎都是動態網站技術堆疊: Servlet/JSP:基于java,主推B/S架構,可以 ? 承載高并發,語法類似ASP ? ASP:微軟,國內 ......

    uj5u.com 2023-06-10 07:51:03 more
  • java集成chatGpt完整案例代碼(效果和官網一樣逐字輸出)

    背景 要集成chatGpt參考我上一篇文章即可。但是,如果要實作官網一樣的效果,逐字輸出,難度就提升了不少了。經過在官網的研究發現它應該是采用了SSE技術,這是一種最新的HTTP互動技術。SSE(Server-Sent Events):通俗解釋起來就是一種基于HTTP的,以流的形式由服務端持續向客戶 ......

    uj5u.com 2023-06-10 07:50:36 more
  • Java物件中轉換空值的欄位

    在后端回傳資料給前端時,公司的框架會把值為null的資料去掉,方便前端取值。 如:Person物件為:{name:"浩二", age:24, weight:null, height:114},那回傳給前端的就為{name:"浩二", age:24, height:114}。 如果這個時候有個需求: ......

    uj5u.com 2023-06-10 07:50:12 more
  • 構建高可用、高效、安全和可靠的分布式系統:Spring Cloud為開發人

    Spring Cloud是一個基于Spring框架的云應用開發工具箱,可以快速構建分布式應用程式。它為開發人員提供了許多有用的功能,例如服務發現、負載均衡、配置管理和應用監控等,這些功能可以使分布式系統更加穩定和可靠。 如果您還沒有了解過Spring Cloud,我強烈建議您觀看以下這個視頻鏈接: ......

    uj5u.com 2023-06-10 07:50:05 more
  • Java 集合框架體系簡介

    陣列可以通過索引快速訪問和操作元素,在許多場景下仍然是非常有用的,但如果需要動態調整大小或保存不同型別的元素,則可以考慮使用集合類來代替陣列。集合類還提供了一系列增加、洗掉、修改和查找元素的方法。集合框架中還提供了多種優化和封裝好的實作類,通過使用合適的集合類可以更高效地組織和操作資料。 ......

    uj5u.com 2023-06-10 07:44:50 more
  • websocket

    # 1. WebSocket介紹 * WebSocket 是一種網路通信協議。RFC6455 定義了它的通信標準。 * WebSocket 是 HTML5 開始提供的一種在單個 TCP 連接上進行全雙工通訊的協議。 * HTTP 協議是一種無狀態的、無連接的、單向的應用層協議。它采用了請求/回應模型 ......

    uj5u.com 2023-06-10 07:25:34 more
  • 現代 C++ 性能飛躍之:移動語意

    *以下內容為本人的學習筆記,如需要轉載,請宣告原文鏈接[ 微信公眾號「ENG八戒」](https://mp.weixin.qq.com/s/Xd_FwT8E8Yx9Vnb64h6C8w) > 帶給現代 C++ 性能飛躍的特性很多,今天一邊聊技術,一邊送福利! ![](https://img2023. ......

    uj5u.com 2023-06-09 07:51:56 more