資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何將基本的靜態 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 的細節，並利用其強大的功能來建立一個真正出色的網站。
2K+ 瀏覽量
