search
HomeWeb Front-endFront-end Q&ADoes socketio have to be used in node?

socketio must be used in node; socketio is a library of nodejs. It uses nodejs functions to encapsulate some functions and relies on some nodejs APIs, so it can only be used in nodejs. Socketio is also on the client side. The two-way communication data exchange technology established between the server and the server uses EngineIO at the bottom.

Does socketio have to be used in node?

The operating environment of this article: Windows 10 system, nodejs version 16, Dell G3 computer.

socketio must be used in node

socketio is a library of nodejs. It is equivalent to others using nodejs functions to encapsulate some functions for you to use. It depends on some APIs of nodejs, so it can only Used under nodejs.

SocketIO is a two-way communication data exchange technology established between the client and the server. The underlying layer uses EngineIO. The client of SocketIO uses Engine.IO-Client, and the server uses Engine.IO.

Extended knowledge

How SocketIO works

When a browser attempts to establish SocketIO, SocketIO first uses xhr-polling Create a long poll. Once the long polling is established, it will be upgraded to a WebSocket connection.

The bottom layer of SocketIO is implemented using the EngineIO library. This library uses WebSocket and XMLHttprequest to encapsulate a set of its own Socket protocol (temporarily called EIO Socket). A complete EIO Socket includes multiple XHR and WebSocket connections.

Client

EIO Socket passes an XHR (XMLHttprequest) handshake. The front end sends an XHR to tell the server that I want to start XHR long polling. The data returned by the backend includes an open flag (represented by the number 0), as well as sid and upgrades fields, ping interval, and ping timeout.

0{
“sid”: “8b7ab1ae-fbcf-4d23-8192-3c14a2a90721”,
“upgrades”: [
“websocket”
],
“pingInterval”: 10000,
“pingTimeout”: 60000
}

sid is the session ID of this EIO Socket. Because one EIO Socket contains multiple requests, and the backend will connect to multiple EIO Sockets at the same time, the sid is equivalent to the SESSION ID.

Another field upgrades, normally [‘websocket’], indicates that the connection method can be upgraded from long polling to WebSocket.

The front end starts XHR long polling when sending the first XHR. If there is a need to send and receive data at this time, it is implemented through long polling. The so-called long polling means that the front end sends a request, and the server waits until there is data to be returned before responding. The front end immediately sends the next request after receiving the response. This enables two-way communication.

After the front end receives the handshake upgrades, EIO will detect whether the browser supports WebSocket. If it supports it, it will start a WebSocket connection, and then send a piece of data with the content of probe and type of ping to the server through this WebSocket. . If the server returns data with the content of probe and type of pong at this time, the front end will stop the HTTP long polling established previously, and then only use the WebSocket channel to send and receive data

During the EIO Socket life cycle, It will ping - pong once every once in a while to test whether the network is normal.

Does socketio have to be used in node?

This is the structure of the WebSocket frame, green is sending and white is receiving. The previous number is the packet type, 2 is ping, 3 is pong, 42 is message

Recommended learning: "nodejs video tutorial"

The above is the detailed content of Does socketio have to be used in node?. For more information, please follow other related articles on the PHP Chinese website!

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
What are the limitations of React?What are the limitations of React?May 02, 2025 am 12:26 AM

React'slimitationsinclude:1)asteeplearningcurveduetoitsvastecosystem,2)SEOchallengeswithclient-siderendering,3)potentialperformanceissuesinlargeapplications,4)complexstatemanagementasappsgrow,and5)theneedtokeepupwithitsrapidevolution.Thesefactorsshou

React's Learning Curve: Challenges for New DevelopersReact's Learning Curve: Challenges for New DevelopersMay 02, 2025 am 12:24 AM

Reactischallengingforbeginnersduetoitssteeplearningcurveandparadigmshifttocomponent-basedarchitecture.1)Startwithofficialdocumentationforasolidfoundation.2)UnderstandJSXandhowtoembedJavaScriptwithinit.3)Learntousefunctionalcomponentswithhooksforstate

Generating Stable and Unique Keys for Dynamic Lists in ReactGenerating Stable and Unique Keys for Dynamic Lists in ReactMay 02, 2025 am 12:22 AM

ThecorechallengeingeneratingstableanduniquekeysfordynamiclistsinReactisensuringconsistentidentifiersacrossre-rendersforefficientDOMupdates.1)Usenaturalkeyswhenpossible,astheyarereliableifuniqueandstable.2)Generatesynthetickeysbasedonmultipleattribute

JavaScript Fatigue: Staying Current with React and Its ToolsJavaScript Fatigue: Staying Current with React and Its ToolsMay 02, 2025 am 12:19 AM

JavaScriptfatigueinReactismanageablewithstrategieslikejust-in-timelearningandcuratedinformationsources.1)Learnwhatyouneedwhenyouneedit,focusingonprojectrelevance.2)FollowkeyblogsliketheofficialReactblogandengagewithcommunitieslikeReactifluxonDiscordt

Testing Components That Use the useState() HookTesting Components That Use the useState() HookMay 02, 2025 am 12:13 AM

TotestReactcomponentsusingtheuseStatehook,useJestandReactTestingLibrarytosimulateinteractionsandverifystatechangesintheUI.1)Renderthecomponentandcheckinitialstate.2)Simulateuserinteractionslikeclicksorformsubmissions.3)Verifytheupdatedstatereflectsin

Keys in React: A Deep Dive into Performance Optimization TechniquesKeys in React: A Deep Dive into Performance Optimization TechniquesMay 01, 2025 am 12:25 AM

KeysinReactarecrucialforoptimizingperformancebyaidinginefficientlistupdates.1)Usekeystoidentifyandtracklistelements.2)Avoidusingarrayindicesaskeystopreventperformanceissues.3)Choosestableidentifierslikeitem.idtomaintaincomponentstateandimproveperform

What are keys in React?What are keys in React?May 01, 2025 am 12:25 AM

Reactkeysareuniqueidentifiersusedwhenrenderingliststoimprovereconciliationefficiency.1)TheyhelpReacttrackchangesinlistitems,2)usingstableanduniqueidentifierslikeitemIDsisrecommended,3)avoidusingarrayindicesaskeystopreventissueswithreordering,and4)ens

The Importance of Unique Keys in React: Avoiding Common PitfallsThe Importance of Unique Keys in React: Avoiding Common PitfallsMay 01, 2025 am 12:19 AM

UniquekeysarecrucialinReactforoptimizingrenderingandmaintainingcomponentstateintegrity.1)Useanaturaluniqueidentifierfromyourdataifavailable.2)Ifnonaturalidentifierexists,generateauniquekeyusingalibrarylikeuuid.3)Avoidusingarrayindicesaskeys,especiall

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

DVWA

DVWA

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

MantisBT

MantisBT

Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool