在现代的Web开发中，WebSockets已经成为了一个必不可少的工具，可以实时地与服务器通信并在客户端上更新数据。而@joepie91/express-ws是一个Node.js模块，用于在Express应用程序上设置WebSocket支持。在本文中，我们将学习如何在自己的Express项目中使用这个npm包。
安装
首先，我们需要安装依赖，包括express和@joepie91/express-ws。我们可以在终端中使用npm安装：
npm install express @joepie91/express-ws
入门
让我们从一个使用@joepie91/express-ws的简单应用程序开始，它将向客户端发送一个简单的消息。首先，在您的应用程序的入口文件中，导入和初始化Webpack：
-- -------------------- ---- -------
----- ------- - ------------------
----- --------- - -------------------------------
----- --- - ---------
----- -- - --------------
--------------------- ------------ ---- -
--------------- --------
--在上面的代码中，我们首先引入express和@joepie91/express-ws，然后使用express()创建一个应用程序实例。接下来，我们通过调用expressWs(app)来注入WebSocket支持。这会将WebSocket对象绑定到应用程序实例上。
然后，我们使用ws.app.ws方法来添加一个WebSocket路由，将其附加到app对象的WebSockets实例上。当客户端实例化连接并请求此路由时，我们将向此连接发送消息。
控制WebSocket连接生命周期
在实际应用中，您可能需要控制连接的生命周期，比如当连接关闭时，执行额外的操作。@joepie91/express-ws为此提供了两个hook，可以在连接打开（WsHookOpen）和关闭（WsHookClose）时被执行。
ws.app.ws('/message', function(ws, req) {
ws.send('Hello, world!')
ws.on('close', function() {
console.log('Client disconnected')
})
})在上面的代码中，当连接断开时，我们将打印一条消息。如果需要，可以在这里执行任何清理操作。
使用WebSocket作为Express中间件
您也可以将@joepie91/express-ws与Express中间件结合使用。比如，在以下示例中，我们将WebSocket路由作为Express应用程序的中间件：
const app = express()
app.use('/message', expressWs.getWss().middleware, function(req, res) {
console.log('Client connected')
})在这个例子中，我们使用app.use方法来添加一个中间件，将WebSocket路由放在'/message'的路径下，并使用WebSocket的middleware方法来实现中间件的传递。在这里，提供的中间件只是打印了一条消息。
结论
在本文中，我们学习了如何使用npm包@joepie91/express-ws在Express应用程序中添加WebSocket支持。我们了解了如何创建和控制WebSocket连接的生命周期，并将其用作Express中间件。这些知识点是在现代Web开发中必不可少的，我们希望这篇文章对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bc6967216659e244423