使用 Express.js 和 Socket.io 构建实时应用程序-JavaScript中文网-JavaScript教程资源分享门户

实时应用程序是最近互联网发展最火爆的领域，而Node.js是比较适合构建实时应用程序的一个JavaScript运行环境。在Node.js领域中又有两个比较重要的库：Express.js和Socket.io，这两个库的结合使用可以很轻易的构建出一个实时的应用程序。在这篇文章中，我们将重点介绍如何使用Express.js和Socket.io构建实时应用程序。

技术介绍

Express.js

Express.js是Node.js服务器端Web应用程序开发的一种快速、开放、极简的Web框架。它提供了一系列强大的特性，例如：路由、模板引擎、静态文件服务等。同时，由于实时技术的兴起，Express.js提供了非常方便的扩展性来支持实时应用程序的构建。

Socket.io

Socket.io是一个基于事件的实时通讯库，它允许客户端和服务器之间建立双向的通讯通道。Socket.io的优点在于它会自动的选择当前支持的最好的通讯协议，包括WebSocket、Ajax、JSONP等。而且，它允许使用者很方便的创建房间和客户端，来管理不同的通讯。

构建实时应用程序

在介绍如何使用Express.js和Socket.io构建实时应用程序前，我们需要安装和初始化两个库：

$ npm install express
$ npm install socket.io

在初始化Express.js应用程序的时候，我们需要添加socket.io的支持。我们可以通过下面的方式引入和初始化socket.io：

var app = require('express')();
var http = require('http').createServer(app);
var io = require('socket.io')(http);

http.listen(8080, function(){
  console.log('listening on *:8080');
});

在调用socket.io方法的时候，我们需要传入一个http服务器对象。这样socket.io就可以在http服务器对象上监听事件了。接着，我们需要添加一个connection事件来监听客户端的连接：

io.on('connection', function(socket){
  console.log('a user connected');
});

在客户端连接成功后，我们需要添加响应函数，如下所示：

socket.on('disconnect', function(){
  console.log('user disconnected');
});

在客户端断开连接时，我们将在控制台中输出“用户已经离开”。

Socket.io有一个非常强大且简单的API，它允许我们根据我们的需求创建不同的房间和在频道之间发送消息。我们可以使用下面的方法来加入和离开房间：

socket.join('room name');
socket.leave('room name');

如果我们在房间内发送一个消息，所有的房间内的客户端都会收到这个消息。例如：

io.to('room name').emit('event name', 'message);

示例代码

以下是一个基本应用程序的示例代码，它将通过Express.js和Socket.io构建一个实时应用：

-- -------------------- ---- -------
--- --- - ---------------------
--- ---- - ----------------------------------
--- -- - ---------------------------

------------ ------------- -----
  ---------------------- - ---------------
---

------------------- -----------------
  -------------- ---- ------------
  
  ----------------------- -----------
    ----------------- ---------------
  ---
---

----------------- -----------
  ---------------------- -- ---------
---

在这个例子中，我们仅仅通过socket.io对客户端连接和断开连接事件做了简单处理。

总结

通过本文，我们了解了如何使用Express.js和socket.io构建一个实时应用程序应用。这种方法非常简单，灵活，且易于扩展。

我们相信，通过本文介绍的示例代码，以及相关的API，你将能够成功的构建实时应用程序。

参考文献

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/6460a2b1968c7c53b0249b6a