Express.js 中如何实现 Websocket 与 HTTPS 协议的配合

在前端开发中，Websocket 和 HTTPS 协议都是非常重要的技术。Websocket 是一种实时通信协议，可以在客户端和服务器之间建立持久性的连接，使得双方可以实时地交换数据。HTTPS 则是一种加密通信协议，可以保证客户端和服务器之间的通信安全。

在 Express.js 中，我们可以很方便地实现 Websocket 和 HTTPS 协议的配合，以保证客户端和服务器之间的通信既实时又安全。

实现 Websocket

要实现 Websocket，我们需要使用 ws 模块。在 Express.js 中，我们可以这样实现：

// javascriptcn.com 代码示例
const express = require('express');
const app = express();
const https = require('https');
const fs = require('fs');
const WebSocket = require('ws');

const server = https.createServer({
  key: fs.readFileSync('key.pem'),
  cert: fs.readFileSync('cert.pem')
}, app);

const wss = new WebSocket.Server({ server });

wss.on('connection', (ws) => {
  console.log('Client connected');

  ws.on('message', (message) => {
    console.log(`Received message => ${message}`);
    ws.send(`Hello, you sent => ${message}`);
  });

  ws.on('close', () => {
    console.log('Client disconnected');
  });
});

server.listen(3000, () => {
  console.log('Server started on port 3000');
});

在上面的代码中，我们首先创建了一个 HTTPS 服务器，并使用 wss 变量创建了一个 WebSocket 服务器。然后我们监听 connection 事件，当有客户端连接时，我们会输出 Client connected。当客户端发送消息时，我们会输出 Received message => ${message}，并回复客户端 Hello, you sent => ${message}。当客户端断开连接时，我们会输出 Client disconnected。

实现 HTTPS

要实现 HTTPS，我们需要使用 https 模块。在 Express.js 中，我们可以这样实现：

// javascriptcn.com 代码示例
const express = require('express');
const app = express();
const https = require('https');
const fs = require('fs');

const options = {
  key: fs.readFileSync('key.pem'),
  cert: fs.readFileSync('cert.pem')
};

https.createServer(options, app).listen(3000, () => {
  console.log('Server started on port 3000');
});

在上面的代码中，我们首先创建了一个 options 对象，其中包含了 SSL 证书和私钥的路径。然后我们使用 https 模块创建了一个 HTTPS 服务器，并将其绑定到端口 3000 上。

配合使用

要实现 Websocket 和 HTTPS 协议的配合，我们只需要将上面两个示例代码合并即可：

// javascriptcn.com 代码示例
const express = require('express');
const app = express();
const https = require('https');
const fs = require('fs');
const WebSocket = require('ws');

const options = {
  key: fs.readFileSync('key.pem'),
  cert: fs.readFileSync('cert.pem')
};

const server = https.createServer(options, app);
const wss = new WebSocket.Server({ server });

wss.on('connection', (ws) => {
  console.log('Client connected');

  ws.on('message', (message) => {
    console.log(`Received message => ${message}`);
    ws.send(`Hello, you sent => ${message}`);
  });

  ws.on('close', () => {
    console.log('Client disconnected');
  });
});

server.listen(3000, () => {
  console.log('Server started on port 3000');
});

在上面的代码中，我们将创建 HTTPS 服务器和 WebSocket 服务器的代码合并了起来。这样，客户端就可以通过 HTTPS 协议连接到我们的服务器，并使用 Websocket 进行实时通信。

总结

通过本文的介绍，我们了解了如何在 Express.js 中实现 Websocket 和 HTTPS 协议的配合。Websocket 可以让我们实现实时通信，而 HTTPS 则可以保证通信的安全性。将两者结合起来，可以让我们的应用程序更加健壮和安全。

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