Node.js，Express 和 Socket.IO 托管在 Heroku 上的实时应用
随着互联网的发展，实时应用越来越受到欢迎。实时应用可以让用户在不刷新页面的情况下获得最新的数据，从而提高用户体验。Node.js，Express 和 Socket.IO 是实现实时应用的强大工具组合，而 Heroku 则是一个流行的云平台，可以轻松地托管 Node.js 应用。
在本文中，我们将介绍如何使用 Node.js，Express 和 Socket.IO 构建一个实时应用，并将其托管在 Heroku 上。我们将深入探讨这些工具的用法，并提供示例代码和指导意义。
- 创建一个 Node.js 应用
首先，我们需要创建一个 Node.js 应用。打开终端并使用以下命令创建一个新的 Node.js 应用：
mkdir node-express-socketio-heroku cd node-express-socketio-heroku npm init
在初始化过程中，您需要输入有关您的应用程序的信息。完成后，您将获得一个名为 package.json 的文件，其中包含有关您的应用程序和其依赖项的信息。
- 安装 Express 和 Socket.IO
接下来，我们需要安装 Express 和 Socket.IO。使用以下命令安装它们：
npm install express socket.io --save
--save 参数将这些依赖项添加到 package.json 文件中的 dependencies 部分。
- 创建 Express 应用
现在，我们将创建一个基本的 Express 应用。在应用程序的根目录中创建一个名为 app.js 的文件，并将以下代码添加到其中：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ----- ------ - ---------------------------- ------------ ----- ---- -- - ---------------------- - --------------- --- ------------------------------ -- ----- -- -- - ------------------- ------- -- ---- ------- ---
此代码创建了一个 Express 应用，将其挂载到 HTTP 服务器上，并在根路径上提供 index.html 文件。该应用程序将在端口 3000 上侦听。
- 创建 Socket.IO 连接
现在，我们将添加 Socket.IO 连接以实现实时通信。将以下代码添加到 app.js 文件中：
-- -------------------- ---- -------
----- -- - -----------------------------
------------------- -------- -- -
----------------- ------------
----------------------- -- -- -
----------------- ---------------
---
--------------- --------- ----- -- -
--------------------- - - -----
------------- --------- -----
---
---此代码使用 socket.io 模块创建了一个 WebSocket 连接，并在连接建立时记录日志。它还侦听名为 chat message 的事件，并在收到消息时广播消息。
- 创建前端应用
现在，我们将创建前端应用程序以连接到 Socket.IO 服务器。在应用程序的根目录中创建一个名为 index.html 的文件，并将以下代码添加到其中：
-- -------------------- ---- -------
--------- -----
------
------
----------- ---------------
-------
------
--- -------------------
----- ----------
------ ------ ------------------ -----------------------
-------
------- ---------------------------------------
--------
----- ------ - -----
----- -------- - ------------------------------------
----- ---- - -------------------------------
----- ----- - -----------------------------
------------------------------- --- -- -
-------------------
-- ------------- -
----------------- --------- -------------
----------- - ---
-
---
--------------- --------- ----- -- -
----- ---- - -----------------------------
---------------- - ----
---------------------------
---
---------
-------
-------此代码创建了一个简单的聊天界面，其中用户可以输入消息并将其发送到服务器。它还使用 Socket.IO 客户端库连接到服务器，并在收到消息时显示它们。
- 将应用程序部署到 Heroku
最后，我们将应用程序部署到 Heroku 平台。首先，您需要安装 Heroku CLI 并使用以下命令登录：
heroku login
然后，使用以下命令创建 Heroku 应用程序：
heroku create
此命令将创建一个新的 Heroku 应用程序，并将其添加到您的 Git 存储库中。
现在，您可以使用以下命令将代码推送到 Heroku 平台：
git push heroku master
此命令将将您的应用程序推送到 Heroku 平台，并自动构建和部署它。
- 测试应用程序
现在，您可以使用以下命令打开应用程序：
heroku open
此命令将在浏览器中打开应用程序，并显示聊天界面。您可以在多个浏览器窗口中打开该应用程序，并测试实时通信功能。
结论
本文介绍了如何使用 Node.js，Express 和 Socket.IO 构建一个实时应用，并将其托管在 Heroku 上。我们深入探讨了这些工具的用法，并提供了示例代码和指导意义。希望这篇文章能够帮助您了解如何构建实时应用，并将其部署到云平台。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673c6a1a7088281697c81c2c