用戶可以基於OSS搭建一個靜態網站。本文介紹了如何從申請網域名稱開始,基於OSS搭建一個簡單的靜態網站。主要的步驟是:

  1. 申請一個網域名稱。
  2. 開通OSS並建立Bucket。
  3. 開通OSS的靜態網站託管功能。
  4. 使用自訂網域名訪問OSS。

靜態網站託管功能介紹

簡單說就是用戶可以基於OSS搭建一個簡單的靜態網頁。用戶開啟此功能後,OSS提供了一個預設的首頁和預設的404頁面功能。具體參見開發人員指南中靜態網站託管的介紹。

具體實現步驟

  1. 申請網域名稱
  2. 開通OSS並建立Bucket
    1. 登入OSS控制台,建立一個Bucket為imgleo23,建立在上海,Endpoint為oss-cn-shanghai.aliyuncs.com。操作步驟請參見建立儲存空間
    2. 將Bucket的使用權限設定為公共讀。操作步驟請參見設定儲存空間讀寫權限
    3. 上傳index.html、error.html、aliyun-logo.png 檔案。操作步驟請參見上傳檔案
      • index.html 的內容為:
        <html>
          <head>
              <title>Hello OSS!</title>
              <meta charset="utf-8">
          </head>
          <body>
              <p>歡迎使用OSS靜態網站的功能</p>
              <p>這是首頁</p>
          </body>
        </html>
      • error.html 的內容為:
        <html>
          <head>
              <title>Hello OSS!</title>
              <meta charset="utf-8">
          </head>
          <body>
              <p>這是OSS靜態網站託管的錯誤首頁</p>
          </body>
        </html>
      • aliyun-logo.png 是一張圖片。
  3. 開通OSS的靜態網站託管功能

    如下圖所示,登入控制台後,將預設首頁設定為上文中的index.html,將預設404頁設定為上文中的error.html。具體操作請參見設定靜態網站託管



    檢驗靜態網站託管功能,輸入如圖所示的URL地址:
    • 顯示預設的首頁

      可以看到輸入類似URL的時候,會顯示開通時指定的index.html中的內容。

    • 顯示預設的 404 頁

      可以看到輸入的URL沒有對應的檔案時,會顯示開通時指定的error.html中的內容。

    • 顯示正常的檔案

      可以看到輸入的URL有對應的檔案時,會讀取成功。

  4. 使用自訂網域名訪問 OSS

    關於如何?自訂網域名訪問 OSS,請參見開發人員指南中的自訂網域名訪問 OSS

    • 顯示預設的首頁

    • 顯示預設的404頁

    • 顯示正常的檔案

常見問題及解決方案

  • OSS靜態網站託管對客戶來說有什麼好處?

    在用戶需求比較簡單的時候,且訪問量比較小的時候,可以省掉一台ECS。如果訪問量大一點,可以考慮結合CDN來使用。

  • 價格怎麼樣?如何和CDN結合?

    價格可以參考官方網站OSS的價格,CDN的價格也可以參考官方網站CND的價格。和CDN結合的例子可以參考CDN加速OSS實踐

  • 預設的首頁和預設的404頁面都需要設定嗎?

    預設首頁需要設定,但預設404頁面可以不用設定。

  • 為什麼輸入的URL在瀏覽器上返回403?

    有可能Bucket的許可權不是公開讀。也有可能是因為欠費被停止使用。