女人自慰AV免费观看内涵网,日韩国产剧情在线观看网址,神马电影网特片网,最新一级电影欧美,在线观看亚洲欧美日韩,黄色视频在线播放免费观看,ABO涨奶期羡澄,第一导航fulione,美女主播操b

0
  • 聊天消息
  • 系統消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發帖/加入社區
會員中心
創作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內不再提示

WebSocket工作原理及使用方法

汽車玩家 ? 來源:今日頭條 ? 作者:新鈦云服 ? 2020-05-05 22:12 ? 次閱讀

它有很多名字; WebSocket,WebSocket協議和WebSocket API。從首選的消息傳遞應用程序到流行的在線多人游戲,WebSocket在當今最常用的Web應用程序中是至關重要的。

根據定義,WebSocket是通過單個TCP連接提供全雙工(雙向通信)通信信道的計算機通信協議。此WebSocket API可在用戶的瀏覽器和服務器之間進行雙向通信。用戶可以向服務器發送消息并接收事件驅動的響應,而無需輪詢服務器。 它可以讓多個用戶連接到同一個實時服務器,并通過API進行通信并立即獲得響應。

WebSocket工作原理及使用方法

WebSockets允許用戶和服務器之間的流連接,并允許即時信息交換。在聊天應用程序的示例中,通過套接字匯集消息,可以實時與一個或多個用戶交換,具體取決于誰在服務器上“監聽”(連接)。

WebSockets不僅限于聊天/消息傳遞應用程序。它們適用于需要實時更新和即時信息交換的任何應用程序。一些示例包括但不限于:現場體育更新,股票行情,多人游戲,聊天應用,社交媒體等等。

WebSockets還會考慮代理和防火墻等危險,使得任何連接都可以進行流式傳輸。它支持單個連接的上游和下游通信。 它還減輕了服務器的負擔,允許現有機器支持同時連接。

這是現代Web應用程序中的示例實現WebSockets。在下面的示例中,我使用WebSockets作為帶有Rails 5 API后端和React.js前端的即時消息應用程序。這絕不是一個指南,而是一個如何使用它的例子。我使用了Action Cable,它是Rails的包裝器,可以無縫地集成Ruby中WebSockets的主要功能,并允許在整個域模型中輕松實現。 它內置于Rails 5.2中,因此無需安裝/執行任何外部庫或gem。

它的工作原理是Pub-Sub(發布和訂閱)。它適用于發送者將數據(發布者)發送給抽象數量的收件人(訂閱者),而無需指定他們是誰。

第一步是將服務器掛載到路由文件中,這樣前端就可以從流中得到endpoint:

WebSocket工作原理及使用方法

在第5行,我設置了ActionCable服務器端點

下一步是在后端創建一個通道,以便在實時創建消息時對消息進行流式處理。

WebSocket工作原理及使用方法

這是管理消息創建以及廣播消息的消息通道

這里我們有兩種方法,訂閱和接收。訂閱的第一種方法允許將消息通道流式傳輸到連接的用戶或訂戶。 接收的第二種方法管理消息創建和廣播消息。我實現了JWT用戶身份驗證,以便可以將消息追溯到用戶,只有具有有效用戶帳戶的消息才能創建消息。

對于我的應用程序的前端,我使用它們npm package actioncable從客戶端到服務器端連接到WebSocket API。 這個包直接來自于Rails的團隊。 使用此庫,我實例化了一個cableApp實例,并將其作為props傳遞給需要訪問WebSocket連接的組件。

WebSocket工作原理及使用方法

導入actionCable并創建了一個cableApp實例,然后將cableApp連接到我的后端端點“/ cable”并將其傳遞給需要連接的組件

然后,我通過React.js生命周期方法componentDidMount()連接到WebSocket的連接,并在每次將組件安裝到DOM時建立連接。

WebSocket工作原理及使用方法

在componentDidMount()中,我建立了客戶端以連接到WebSocket協議,該協議從我的Rails API中的“messagesChannel”流式傳輸。

現在,每次創建消息并將其發送到接收方法時,訂閱(d)用戶將立即接收并能夠實時查看消息。此實現支持訂閱同一頻道的多個用戶。因此,如果多個用戶簽名并訂閱了相同的頻道,他們可以發送所有訂閱者都能看到的消息以及從其他訂閱者接收消息。當然,你可以限制為兩個人,并使它成為p2p,但是那樣還有什么樂趣呢?

我希望通過閱讀本文,可以看到WebSockets的潛力。它使自己成為一個寶貴的資源,在這個時代,信息交換需要很快完成。 希望讀者將在自己的項目中實現它們。

聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。 舉報投訴
  • API
    API
    +關注

    關注

    2

    文章

    1559

    瀏覽量

    63490
  • TCP
    TCP
    +關注

    關注

    8

    文章

    1397

    瀏覽量

    80320
收藏 人收藏

    評論

    相關推薦
    熱點推薦

    AWTK-WEB 快速入門(6) - JS WebSocket 應用程序

    WebSocket可以實現雙向通信,適合實時通信場景。本文介紹一下使用Javacript語言開發AWTK-WEB應用程序,并用WebSocket與服務器通訊。用AWTKDesigner新建一個應用程
    的頭像 發表于 02-26 11:42 ?289次閱讀
    AWTK-WEB 快速入門(6) - JS <b class='flag-5'>WebSocket</b> 應用程序

    精密空調操作使用方法詳解

    精密空調操作使用方法詳解
    的頭像 發表于 02-10 14:44 ?643次閱讀
    精密空調操作<b class='flag-5'>使用方法</b>詳解

    無線收發器工作原理,無線收發器怎么使用

    無線收發器作為現代通信技術的重要組成部分,廣泛應用于各個領域,包括無線通信、物聯網、遠程控制和無線傳感器網絡等。本文將深入探討無線收發器的工作原理,同時提供詳細的使用方法
    的頭像 發表于 01-29 15:31 ?1050次閱讀

    相位測量儀工作原理,相位測量儀怎么使用

    相位測量儀作為電子測量領域的重要工具,廣泛應用于電力、通信、自動化控制等多個行業。它通過精確測量電壓、電流等信號之間的相位關系,為工程師和技術人員提供了關鍵的數據支持。本文旨在深入探討相位測量儀的工作原理,并詳細介紹其使用方法。
    的頭像 發表于 01-29 15:07 ?1557次閱讀

    快速了解電源模塊的使用方法

    電源是整個電路可靠工作的核心部分。然而,由于電源電路的電流和發熱量較大,容易出現故障。今天我為大家介紹一下電源模塊的使用方法。
    的頭像 發表于 01-21 15:24 ?582次閱讀

    AB伺服軟件使用方法

    AB伺服軟件使用方法
    發表于 12-24 14:45 ?0次下載

    DC/DC模擬的基本使用方法和特性確認方法

    本篇介紹了DC/DC模擬的基本使用方法及確認基本特性的方法。
    的頭像 發表于 08-20 17:08 ?1178次閱讀
    DC/DC模擬的基本<b class='flag-5'>使用方法</b>和特性確認<b class='flag-5'>方法</b>

    滑動變阻器的工作原理、結構特點及使用方法

    滑動變阻器是一種常見的電子元件,它通過改變電阻值來控制電路中的電流大小。在電路設計和電子設備中,滑動變阻器的應用非常廣泛。 一、滑動變阻器的工作原理 1.1 電阻的概念 電阻是指導體對電流的阻礙作用
    的頭像 發表于 08-05 10:59 ?9456次閱讀

    電源時序器的原理及使用方法是什么

    電源時序器是一種用于控制多個電源設備按照一定順序開啟或關閉的電子設備。它廣泛應用于音響、舞臺燈光、電視廣播、工業自動化等領域。本文將介紹電源時序器的原理及使用方法。 一、電源時序器的原理 電源時序器
    的頭像 發表于 07-08 14:16 ?3981次閱讀

    淺談錫膏的儲存及使用方法

    錫膏(焊錫膏)是電子組裝過程中常用的材料,它的儲存和使用方法對保證焊接質量和性能至關重要。以下是詳細的儲存及使用方法
    的頭像 發表于 06-27 10:02 ?1488次閱讀

    鴻蒙開發網絡管理:ohos.net.webSocket WebSocket連接

    使用WebSocket建立服務器與客戶端的雙向連接,需要先通過[createWebSocket]方法創建[WebSocket]對象,然后通過[connect]方法連接到服務器。當連接成
    的頭像 發表于 06-19 17:12 ?1011次閱讀
    鴻蒙開發網絡管理:ohos.net.<b class='flag-5'>webSocket</b> <b class='flag-5'>WebSocket</b>連接

    軟啟動器工作原理使用方法

    軟啟動器是一種用于電動機啟動的電氣設備,其主要作用是降低電動機啟動時的電流沖擊,減少啟動過程中對電網和機械設備的損害。本文將詳細介紹軟啟動器的工作原理使用方法以及相關技術參數。 一、軟啟動器概述
    的頭像 發表于 06-18 10:32 ?6152次閱讀

    ESP32進行websocket通信接收數據出錯的原因?

    I (104793) WEBSOCKET: WEBSOCKET_EVENT_CONNECTED I (104953) WEBSOCKET: WEBSOCKET_EVENT_DATA I
    發表于 06-14 07:42

    可編程電源使用方法

    可編程電源使用方法 可編程電源使用方法 摘要:本文詳細介紹了可編程電源的使用方法,包括其基本概念、主要功能、選擇原則、操作步驟、注意事項以及實際應用案例,旨在幫助讀者全面了解可編程電源
    的頭像 發表于 06-10 15:29 ?1552次閱讀

    BLDC電機的工作原理使用方法

    自動化系統,BLDC電機的身影無處不在。本文將詳細探討BLDC電機的工作原理、使用方法及其優勢,以期為讀者提供全面且深入的了解。
    的頭像 發表于 06-04 18:26 ?1932次閱讀