如何将基本的静态 HTML 网站部署到 Heroku?
将静态 HTML 网站传送到托管平台可能是一项令人生畏的任务,尤其对于新手 Web 开发人员而言。但是,Heroku 等云托管服务的出现简化了流程,并使其更容易上手。Heroku 是一款面向云的平台即服务 (PaaS),提供了一种简单而高效的方法来部署和管理 Web 应用程序。本文详细介绍了将基本静态 HTML 网站部署到 Heroku 的分步方法,使用 Heroku 命令行界面 (CLI) 和 Git,同时讨论开发人员可用的各种配置选项。通过遵循本文中概述的说明,开发人员可以快速轻松地将他们的静态 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
将您的 Heroku 应用程序的名称替换为“your-app-name”。
然后,执行以下指令将您的 Git 存储库传输到 Heroku -
git push heroku master
结论
总而言之,在 Heroku 上分发固定 HTML 网站可能看起来令人生畏,但通过适当的指导,它可以完美地执行。通过遵循本文中阐述的系统指南,您可以有效地为您的网站在 Heroku 上获取托管,并使其可供全球访问。Heroku 提供了大量工具和功能,可以用来提升您的网站并提供卓越的用户体验。因此,不要犹豫,仔细研究 Heroku 的细节,并利用其强大的功能来创建一个真正出色的网站。