本ドキュメントでは、OSS に基づいたシンプルな静的 Web サイトを最初から構築する方法と手順について説明しています。またよくあるご質問にもお答えしております。 静的 Web サイトホスティングを構築する主な手順は次のとおりです。
- ドメイン名を申請します。
- OSS をアクティブにしてバケットを作成します。
- OSS で静的 Web サイトホスティングをアクティブにします。
- カスタムドメイン名で OSS にアクセスします。
静的 Web サイトホスティングの概要
ユーザーは OSS でシンプルな静的 Web サイトページを構築することができます。 この機能をアクティブにすると、OSS はデフォルトホームページとデフォルト 404 ページを提供します。 詳しくは、『開発者ガイド』の「静的 Web サイトホスティング」をご参照ください。
手順
- ドメイン名の申請
- OSS をアクティブにしてバケットを作成
- OSS コンソールにログインし、エンドポイント
oss-cn-shanghai.aliyuncs.com
を使用し、上海で "imgleo23" という名前のバケットを作成します。 詳しい操作方法については、 「バケットの作成」をご参照ください。 - バケットの許可を "公開読み取り" に設定します。 詳細な操作については、「バケット ACL の設定」をご参照ください。
- 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
は画像です。
- index.html の本文 index.html:
- OSS コンソールにログインし、エンドポイント
- OSS で静的 Web サイトホスティングをアクティブにする
次の図に示すように、OSS コンソールにログインしたら、"デフォルトホームページ" を index.html に、"デフォルト 404 ページ" を error.html に設定します。 詳しくは、「静的 Web サイトホスティングの設定」をご参照ください。
静的 Web サイトホスティング機能をテストするには、次の図に示すように URL を入力します。- 既定のホームページを表示します。
同様の URL を入力すると、機能をアクティベートした際に指定した index.html の本文が表示されます。
- 通常のファイルの表示
入力された URL に一致するファイルが見つかると、データは正常に読み込みされます。
- 既定のホームページを表示します。
- カスタムドメイン名で 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 サイトホスティング機能が停止している可能性があります。