すべてのプロダクト
Search
ドキュメントセンター

:静的 Web サイトホスティング

最終更新日:Dec 22, 2023

本ドキュメントでは、OSS に基づいたシンプルな静的 Web サイトを最初から構築する方法と手順について説明しています。またよくあるご質問にもお答えしております。 静的 Web サイトホスティングを構築する主な手順は次のとおりです。

  1. ドメイン名を申請します。
  2. OSS をアクティブにしてバケットを作成します。
  3. OSS で静的 Web サイトホスティングをアクティブにします。
  4. カスタムドメイン名で OSS にアクセスします。

静的 Web サイトホスティングの概要

ユーザーは OSS でシンプルな静的 Web サイトページを構築することができます。 この機能をアクティブにすると、OSS はデフォルトホームページとデフォルト 404 ページを提供します。 詳しくは、『開発者ガイド』の「静的 Web サイトホスティング」をご参照ください。

手順

  1. ドメイン名の申請
  2. OSS をアクティブにしてバケットを作成
    1. OSS コンソールにログインし、エンドポイント oss-cn-shanghai.aliyuncs.com を使用し、上海で "imgleo23" という名前のバケットを作成します。 詳しい操作方法については、 「バケットの作成」をご参照ください。
    2. バケットの許可を "公開読み取り" に設定します。 詳細な操作については、「バケット ACL の設定」をご参照ください。
    3. index.htm と error.htm のコンテンツをアップロードします。詳しい操作については、 「オブジェクトのアップロード」をご参照ください。
      • index.html の本文 index.html:
        <html>
          <head>
              <title>Hello OSS! </title>
              <meta charset="utf-8">
          </head>
          <body>
              <p>Welcome to OSS Static Website Hosting.</p>
              <p>This is the homepage.</p>
          </body>
        </html>
      • error.html の本文 error.html:
        <html>
          <head>
              <title>Hello OSS! </title>
              <meta charset="utf-8">
          </head>
          <body>
              <p>This is an error homepage for OSS Static Website Hosting.</p>
          </body>
        </html>
      • aliyun-logo.png は画像です。
  3. OSS で静的 Web サイトホスティングをアクティブにする

    次の図に示すように、OSS コンソールにログインしたら、"デフォルトホームページ"index.html に、"デフォルト 404 ページ"error.html に設定します。 詳しくは、「静的 Web サイトホスティングの設定」をご参照ください。

    静的 Web サイトホスティング機能をテストするには、次の図に示すように URL を入力します。
    • 既定のホームページを表示します。

      同様の URL を入力すると、機能をアクティベートした際に指定した index.html の本文が表示されます。

    • 通常のファイルの表示

      入力された URL に一致するファイルが見つかると、データは正常に読み込みされます。

  4. カスタムドメイン名で OSS にアクセス

    カスタムドメイン名を使用して OSS にアクセスする方法の詳細については、「カスタムドメイン名を使用した OSS アクセス方法」をご参照ください。

    • デフォルトホームページの表示
    • デフォルト404 ページの表示
    • 通常ファイルの表示
    説明 インターネットを介して Web ファイルにアクセスするため、中国本土リージョンまたは香港リージョンで OSS エンドポイントを使用する場合、Content-Disposition: 'attachment=filename;' が自動的に応答ヘッダーに追加され、Web ファイルが添付ファイルとしてダウンロードされます。 ユーザードメインで OSS にアクセスする場合、Content-Disposition: 'attachment=filename;' は応答ヘッダーに追加されません。 ユーザードメインを使用して OSS にアクセスする方法の詳細については、「カスタムドメイン名のバインド方法」をご参照ください。

FAQ

  • OSS 静的 Web サイトホスティングの利点はどのようなものがありますか ?

    ユーザーが比較的少量のトラフィックを必要とする場合に備え、ECS インスタンスが保存されます。 トラフィック量が多い場合は、CDN を使うことができます。

  • OSS の価格はいくらですか ? OSS は CDN とどのように連携しますか ?

    Alibaba Cloud Web サイトに掲載されている OSS と CDN の価格をご参照ください。OSS と CDN を組み合わせる場合については、 「CDN ベースの OSS 加速設定の実行」をご参照ください。

  • デフォルトホームページと、デフォルト 404 ページを両方とも設定する必要はありますか ?

    デフォルトホームページを設定する必要はありますが、デフォルト 404 ページを設定する必要はありません。

  • URL を入力した後、なぜブラウザーは 403 エラーを返すのでしょうか ?

    バケットの許可が "公開読み取り" になっている、もしくはお支払い期限が超過しているため、静的 Web サイトホスティング機能が停止している可能性があります。