如何将一个基本的静态 HTML 网站部署到 Heroku?
将静态 HTML 网站迁移到托管平台可能是一项艰巨的任务，尤其是对于初出茅庐的 Web 开发者而言。然而，像 Heroku 这样的云托管服务的出现简化了这一流程，使其更加易于上手。Heroku 是一个面向云的平台即服务 (PaaS)，它提供了一种简单高效的 Web 应用程序部署和管理方法。本文将全面讲解如何使用 Heroku 命令行界面 (CLI) 和 Git 将一个基本的静态 HTML 网站部署到 Heroku，同时还会讨论开发人员可以使用的各种配置选项。按照本文概述的说明，开发人员可以快速轻松地将其静态 HTML 网站部署到 Heroku，并充分利用云托管的优势。
什么是 Heroku?
Heroku 是一个开创性的云原生平台即服务 (PaaS)，它使软件开发人员能够构建、运行和管理应用程序，而无需处理架构的麻烦。Heroku 旨在提供易于使用的平台，并为启动 Web 应用程序、API 和其他软件服务提供完全托管、高度灵活且直观的环境。
Heroku 框架能够管理各种脚本语言，例如 Ruby、Python、Java、Node.js、PHP 等等。程序员可以利用 Heroku 提供的高效分发协议将其应用程序发布到云端，并根据自身需求定制服务级别。
Heroku 为开发人员提供了丰富的功能和工具，包括缓存、数据库和其他附加组件等补充服务。它还支持整合 Git、GitHub 和 Slack 等广泛使用的开发工具，从而提高开发人员工作流程的效率。
方法
将静态 HTML 网站部署到 Heroku 只需几个简单的步骤 -
创建一个新的 Heroku 应用
设置 Heroku CLI
为您的项目初始化 Git 代码库
创建静态 HTML 文件并将其提交到 Git 代码库
将您的 Git 代码库推送到 Heroku
让我们通过一个示例来理解每个步骤。
将 HMTL 网站部署到 Heroku 的步骤
创建一个新的 Heroku应用
前往 Heroku 控制台，选择右上角的"新建"图标。然后点击"创建新应用"。为您的应用创建一个独特的名称，并选择应用的部署地理位置。
设置 Heroku CLI
按照 Heroku 提供的指令获取 Heroku 命令行界面 (CLI)。这将使您能够通过命令行界面管理您的应用程序。
为您的项目初始化 Git 仓库
使用命令提示符遍历到您的项目目录并执行以下命令 -
git init
这将在您的项目文件夹中初始化一个 Git 仓库。
创建并将您的静态 HTML 文件提交到 Git 仓库
在您的项目目录中创建一个名为 index.html 的新文件。将以下代码附加到该文件 -
<!DOCTYPE html>
<html>
<head>
<title>How to Deploy a Basic Static HTML Website to Heroku?</title>
</head>
<body>
<h4>How to Deploy a Basic Static HTML Website to Heroku?</h4>
<p>This is a basic static HTML website.</p>
</body>
</html>
保存文档，然后在命令行界面中执行以下命令 -
git add . git commit -m "Initial commit"
这会将您的 index.html 文件附加到 Git 代码库并使其生效。
将您的 Git 代码库推送到 Heroku
通过命令提示符执行以下指令 -
heroku git:remote -a your-app-name
将"your-app-name"替换为您的 Heroku 应用程序的名称。
随后，执行以下指令将您的 Git 代码库传输到 Heroku -
git push heroku master
结论
总而言之，在 Heroku 上发布固定的 HTML 网站可能看起来很困难，但在适当的指导下，它是可以实现的完美无瑕。遵循本文所述的系统性指南，您可以高效地在 Heroku 上为您的网站获取主机托管，并授予其通用访问权限。Heroku 提供了丰富的工具和功能，可用于提升您的网站，并提供卓越的用户体验。因此，请大胆探索 Heroku 的复杂性，并利用其强大的功能创建一个真正卓越的网站。
