介绍
Heroku 是一个流行的云平台，用于部署和托管 Web 应用程序。它支持多种编程语言和框架，并提供了易于使用的工具来管理应用程序、监视日志、缩放等。
在本文中，我们将学习如何使用 Heroku 部署一个简单的 HTML 和 JavaScript 网站。我们将创建一个包含两个文件的项目：index.html 和 main.js。这是一个非常基础的例子，但可以帮助您了解如何在 Heroku 上部署任何类型的静态网站。
步骤
1. 创建一个 Heroku 账户并安装 Heroku CLI
如果您还没有 Heroku 账户，请先注册一个账户。接着，您需要安装 Heroku CLI，以便在终端上运行命令。您可以从这里 下载 CLI 并按照说明进行安装。
2. 创建一个新的 Git 仓库
在您的本地计算机上创建一个新的文件夹，并在其中创建两个文件：index.html 和 main.js。将以下代码分别复制到这两个文件中。
index.html
--------- -----
------
------
--------- ------------
-------
------
---------- -----------
------- -----------------------
-------
-------main.js
------------------- ---------
接着，打开终端并导航到该文件夹。运行以下命令，创建一个新的 Git 仓库并将这些文件添加到仓库中。
--- ---- --- --- - --- ------ -- -------- -------
3. 创建一个新的 Heroku 应用程序
运行以下命令，创建一个新的 Heroku 应用程序。
------ ------
这将为您分配一个唯一的应用程序名称，并将其添加到您的 Heroku 账户中。
4. 部署应用程序
运行以下命令，将您的代码推送到 Heroku 上。
--- ---- ------ ------
这将自动构建和部署您的应用程序。一旦完成，请运行以下命令以打开应用程序。
------ ----
您应该能够在浏览器中看到 Hello, world! 的输出结果。
5. 将域名绑定到应用程序
如果您想要将自己的域名绑定到应用程序，可以按照这些说明进行操作。您需要先购买一个域名，然后将其解析到 Heroku 提供的 IP 地址上。
结论
在本文中，我们学习了如何使用 Heroku 部署一个简单的 HTML 和 JavaScript 网站。虽然这只是一个基础示例，但您可以将此技术应用于任何类型的静态网站项目。如果您在部署过程中遇到任何问题，请查看官方文档，或者在 Heroku 的支持论坛上搜索解决方案。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/12093