Methods of using Socket.io in Node.js

Methods of using Socket.io in Node.js _node.js

Last Update:2017-01-18 Source: Internet

Author: User

Tags require socket

Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

Use Socket.io to create a Socket.io server. However, the server relies on an HTTP server that has already been created.

After the HTTP server is running, use the Listen method to attach a Socket.io server to the HTTP server.

Copy Code code as follows:

var sio=require ("Scoket.io");
var socket=sio.listen (server);

A socket is a Socket.io server that is created on the server basis.

The connection event that triggers the Socket.io service when the client establishes a connection to the server side.

Copy Code code as follows:

Socket.on ("Connection", function (socket) {
});

The socket parameter in the callback function is the socket port object that the server-side establishes a connection to the client.

The message event for the socket port object is emitted when messages sent by the client are received.

Copy Code code as follows:

Socket.on ("Message", function (msg) {
});

The parameter of the callback function is the message sent by the client.

You can send a message to the client using Socket.send (msg).

Triggers the Disconnect event when a server-side connection to a client is disconnected.

Copy Code code as follows:

Socket.on ("Disconnect", Funciton () {
});

The callback function does not work with any arguments.

Server-side Server.js code:

Copy Code code as follows:

To create the client index.html code:

Copy Code code as follows:

<! DOCTYPE html>
<meta charset= "UTF-8" >
<title></title>
<script src= "/socket.io/socket.io.js" ></script>
<script>
var socket=io.connect ();
Socket.on ("Message", function (data) {
Console.log (data);
Socket.send ("message accepted to.")
});
Socket.on ("Disconnect", function () {
Console.log ("server-side disconnected.");
});
</script>
<body>
</body>

This code:/socket.io/socket.io.js has server-side Socket.io class library provided, do not need the client to actually place a socket.io.js file.

In the script file, first connect the server-side Socket.io server using the Io.connect () method.

This method returns a client socket port object that establishes a connection to the server side.

The message event that triggers the client socket port object when receiving messages sent to the server side.

Copy Code code as follows:

Socket.on ("Message", function (msg) {
});

MSG is the server-side data sent;

You can also send data to the server side using the Send () method of the client's socket object.

Copy Code code as follows:

Socket.send (msg);

Triggers the disconnect event of the client socket port object when the server side disconnects.

Copy Code code as follows:

Socket.on ("Disconnect", function () {
})

This callback function does not use any arguments.

Attention:

The client's message mechanism is exactly the same as the server-side message processing mechanism. Because Socket.io ensures that the client shares the same API as the server side.

Results after run:

When the browser is turned off, the connection to the server is disconnected, at which point the server side triggers the Disconnect event and the client disconnects.

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More