提供靜態網站
透過這個簡單的教學指南，您只需幾分鐘就能使用 IBM Cloud® Object Storage 建立一個全新的託管靜態網站。 本主題包含管理靜態網站的詳細資料及一些進階配置選項。
概觀
現代 Web 開發需要現代工具和安全基礎架構。 靜態網站代表高可用性、SEO 改良及加強安全的最新發展。 雖然涵蓋每個可用選項都超出此上機概觀的範圍，但在 IBM Cloud Object Storage 上提供靜態內容的容易程度可容許許多可能的策略。
代管靜態網站著重於使用者想要的內容: 資訊和媒體。 透過移除 Web 伺服器 (例如 Apache 或 Nginx) 的管理，網站管理會直接著重於從產生到部署的內容。
靜態內容與動態 Web 內容有很大不同。 不過，如果您不需要在 Web 上產生動態內容，或者您的工作流程會將內容儲存至固定表單，則這裡提供的代管靜態解決方案會呈現最佳選擇。
功能
在IBM Cloud Object Storage中建立靜態網站託管可以使用 cURL 以及 Java、 Go、Python 和 NodeJS 函式庫來完成。 此外，S3相容性意味著 AWS CLI 也可用於從命令列定義靜態網站功能。 此外，只要在建立儲存區時新增「靜態網站」的選項，即可在 主控台 中使用 GUI 來建立及配置新的代管靜態網站解決方案。
基本配置
在 IBM Cloud® Object Storage 上管理靜態網站，從 建立儲存區 並配置它以進行公用存取開始。 然後，將網站內容 上傳 至儲存區。 最後，配置網站 以使用文件作為網站的索引，並可能顯示錯誤。
您的配置至少應該包含必要的索引文件，讓訪客依預設可以檢視，通常以 HTML 撰寫且命名為 index.html。 選用的錯誤文件可協助您的訪客在流浪時保持正常。 當然，您隨時可以使用 本指導教學 自行嘗試。
進階配置
當您建立並配置新的代管靜態網站時，您也可能想要使用 IBM Cloud Internet Services 來配置其他進階選項，包括 網域的遞送規則。 但您甚至不需要在建立期間配置儲存區，即可開始自訂新網站。
遞送
遞送可讓您控制來自訪客的要求。 例如，您可以將所有流量從某種通訊協定全面重定向至另一種通訊協定，例如將 HTTP 替換為安全的 HTTPS。 或者，您可以建立個別規則來處理特定檔案的送入要求，並根據您定義的規則提供回應給訪客。
如果您已有想要移轉的代管靜態網站，您可以帶一組已設定的遞送規則，並將該組匯入為程式碼。 圖 3 顯示的輸入需要針對網站配置規則格式化的 JSON 陣列。
JSON 程式碼的範例是各種可能性的範例。 下列顯示從遺漏頁面或可能的形態異常要求重新導向訪客的規則，導致產生 404 錯誤碼，並將訪客重新導向至特定的錯誤頁面。 JSON 可以包含多個物件，視需要代表規則的定義。
[
{
"Condition": {
"HttpErrorCodeReturnedEquals": "404"
},
"Redirect": {
"HostName": "<bucketname>.<endpoint>",
"HttpRedirectCode": "302",
"Protocol": "https",
"ReplaceKeyWith": "error404.html"
}
}
]
使用「主控台」，可以將先前編碼的相同規則新增為個別規則，如圖 3 所示。
IBM Cloud 網際網路、網域及遞送服務
使用 IBM Cloud Internet Services 的其中一個好處與 設定您自己的網域 相關。 「網域」是整體網址的一部分，由「最上層網域 (TLD)」及一個以上以點區隔的唯一單字組成，例如 example.com，其中 TLD 是 com。 您可以選擇跳過此步驟，但如果未使用 CIS (或提供網域名稱解析的其他服務)
適當地配置 DNS 記錄，則可能會讓所有或部分網站無法存取。
靜態網站必須快速且安全。 提供靜態內容很容易，只要有適當的工具，就能將內容提供給您的客戶。 許多部署工具具有 CDN 支援的內建支援。 使用 IBM Cloud® Internet Services 開始配置網域。 建立重新導向規則時，您將新增 CNAME、「標準 (網域) 名稱」或別名。 就像作業系統上的檔案可以具有別名以方便使用一樣，您管理的靜態網站也可以同樣方便使用。
透過專用網路遞送靜態內容的處理程序從 CDN 選項概觀 開始。 Content Delivery 可讓您的靜態內容更接近客戶自己的位置，無需管理內容副本即可擴充您的觸角。
用於管理靜態網站內容的端點
下列表格會將 IBM Cloud Object Storage 中使用的大部分區域、位置及連線類型，與用於委外及測試代管靜態網站的新特定端點相符。 對於這裡未列出的網路共享端點，請尋找 使用網路共享端點 的相關資訊。
地區端點
| 地區 | 受管理靜態網站端點 |
|---|---|
| 美國南部 | s3-web.us-south.cloud-object-storage.appdomain.cloud |
| 美國東部 | s3-web.us-east.cloud-object-storage.appdomain.cloud |
| 歐盟英國 | s3-web.eu-gb.cloud-object-storage.appdomain.cloud |
| 歐盟德國 | s3-web.eu-de.cloud-object-storage.appdomain.cloud |
| 亞太澳洲 | s3-web.au-syd.cloud-object-storage.appdomain.cloud |
| 亞太地區東京 | s3-web.jp-tok.cloud-object-storage.appdomain.cloud |
| AP 大阪 | s3-web.jp-osa.cloud-object-storage.appdomain.cloud |
| 地區 | 受管理靜態網站端點 |
|---|---|
| 美國南部 | s3-web.private.us-south.cloud-object-storage.appdomain.cloud |
| 美國東部 | s3-web.private.us-east.cloud-object-storage.appdomain.cloud |
| 歐盟英國 | s3-web.private.eu-gb.cloud-object-storage.appdomain.cloud |
| 歐盟德國 | s3-web.private.eu-de.cloud-object-storage.appdomain.cloud |
| 亞太澳洲 | s3-web.private.au-syd.cloud-object-storage.appdomain.cloud |
| 亞太地區東京 | s3-web.private.jp-tok.cloud-object-storage.appdomain.cloud |
| AP 大阪 | s3-web.private.jp-osa.cloud-object-storage.appdomain.cloud |
| 地區 | 受管理靜態網站端點 |
|---|---|
| 美國南部 | s3-web.direct.us-south.cloud-object-storage.appdomain.cloud |
| 美國東部 | s3-web.direct.us-east.cloud-object-storage.appdomain.cloud |
| 歐盟英國 | s3-web.direct.eu-gb.cloud-object-storage.appdomain.cloud |
| 歐盟德國 | s3-web.direct.eu-de.cloud-object-storage.appdomain.cloud |
| 亞太澳洲 | s3-web.direct.au-syd.cloud-object-storage.appdomain.cloud |
| 亞太地區東京 | s3-web.direct.jp-tok.cloud-object-storage.appdomain.cloud |
| AP 大阪 | s3-web.direct.jp-osa.cloud-object-storage.appdomain.cloud |
跨區域端點
| 地區 | 受管理靜態網站端點 |
|---|---|
| 美國跨地區 | s3-web.us.cloud-object-storage.appdomain.cloud |
| 歐盟跨地區 | s3-web.eu.cloud-object-storage.appdomain.cloud |
| 亞太跨地區 | s3-web.ap.cloud-object-storage.appdomain.cloud |
| 地區 | 受管理靜態網站端點 |
|---|---|
| 美國跨地區 | s3-web.private.us.cloud-object-storage.appdomain.cloud |
| 歐盟跨地區 | s3-web.private.eu.cloud-object-storage.appdomain.cloud |
| 亞太跨地區 | s3-web.private.ap.cloud-object-storage.appdomain.cloud |
| 地區 | 受管理靜態網站端點 |
|---|---|
| 美國跨地區 | s3-web.direct.us.cloud-object-storage.appdomain.cloud |
| 歐盟跨地區 | s3-web.direct.eu.cloud-object-storage.appdomain.cloud |
| 亞太跨地區 | s3-web.direct.ap.cloud-object-storage.appdomain.cloud |
單一網站端點
| 位置 | 受管理靜態網站端點 |
|---|---|
| 荷蘭阿姆斯特丹 | s3-web.ams03.cloud-object-storage.appdomain.cloud |
| 印度清奈 | s3-web.che01.cloud-object-storage.appdomain.cloud |
| 墨西哥，墨西哥市 | s3-web.mex01.cloud-object-storage.appdomain.cloud |
| 加拿大蒙特婁 | s3-web.mon01.cloud-object-storage.appdomain.cloud | | 巴黎，法國 | s3-web.par01.cloud-object-storage.appdomain.cloud | | 美國聖荷西 | s3-web.sjc04.cloud-object-storage.appdomain.cloud | | 巴西聖保羅市 | s3-web.sao01.cloud-object-storage.appdomain.cloud | | 新加坡 | s3-web.sng01.cloud-object-storage.appdomain.cloud |
| 位置 | 受管理靜態網站端點 |
|---|---|
| 荷蘭阿姆斯特丹 | s3-web.private.ams03.cloud-object-storage.appdomain.cloud |
| 印度清奈 | s3-web.private.che01.cloud-object-storage.appdomain.cloud |
| 墨西哥，墨西哥市 | s3-web.private.mex01.cloud-object-storage.appdomain.cloud |
| 加拿大蒙特婁 | s3-web.private.mon01.cloud-object-storage.appdomain.cloud | | 巴黎，法國 | s3-web.private.par01.cloud-object-storage.appdomain.cloud | | 美國聖荷西 | s3-web.private.sjc04.cloud-object-storage.appdomain.cloud | | 巴西聖保羅市 | s3-web.private.sao01.cloud-object-storage.appdomain.cloud | | 新加坡 | s3-web.private.sng01.cloud-object-storage.appdomain.cloud |
| 位置 | 受管理靜態網站端點 |
|---|---|
| 荷蘭阿姆斯特丹 | s3-web.direct.ams03.cloud-object-storage.appdomain.cloud |
| 印度清奈 | s3-web.direct.che01.cloud-object-storage.appdomain.cloud |
| 墨西哥，墨西哥市 | s3-web.direct.mex01.cloud-object-storage.appdomain.cloud |
| 加拿大蒙特婁 | s3-web.direct.mon01.cloud-object-storage.appdomain.cloud | | 巴黎，法國 | s3-web.direct.par01.cloud-object-storage.appdomain.cloud | | 美國聖荷西 | s3-web.direct.sjc04.cloud-object-storage.appdomain.cloud | | 巴西聖保羅市 | s3-web.direct.sao01.cloud-object-storage.appdomain.cloud | | 新加坡 | s3-web.direct.sng01.cloud-object-storage.appdomain.cloud |
下一步
充分利用現代 Web 開發需要現代工具和安全基礎架構，但不應成為專案成功的障礙。 如果您尚未嘗試指導教學，請自行查看 管理靜態網站 的運作方式。