IBM Cloud Docs
静的 Web サイトへのサービス提供

静的 Web サイトへのサービス提供

この簡単なチュートリアル を使用すると、 IBM Cloud® Object Storage を使用して、ホストされる静的 Web サイトを数分で作成できます。 このトピックでは、静的 Web サイトをホストするための詳細およびいくつかの拡張構成オプションについて説明します。

概要

最新の Web 開発には、最新のツールとセキュアなインフラストラクチャーが必要です。 静的 Web サイトは、高可用性、SEO の改善、およびセキュリティーの強化における最新の開発を表します。 使用可能なすべてのオプションをカバーすることは、このハンズオンの概要の範囲を超えていますが、 IBM Cloud Object Storage での静的コンテンツのサービス提供の容易さにより、考えられる多くの戦略が可能になります。

ホストされた静的 Web サイトは、ユーザーが望むコンテンツ (情報とメディア) に焦点を当てています。 Apache や Nginxなどの Web サーバーの管理を削除することにより、Web サイトの管理は、生成からデプロイメントまで、コンテンツに直接焦点を当てます。

静的コンテンツは、動的 Web コンテンツとは大きく異なります。 ただし、Web 上で動的コンテンツを生成する必要がない場合、またはワークフローの結果としてコンテンツが固定フォームに保存される場合は、ここで取り上げられているホストされた静的ソリューションが最良の選択を提示します。

機能

IBM Cloud Object Storageの静的ウェブサイトホスティングの作成は、JavaGoPythonNodeJS のライブラリと同様に、cURL で行うことができます。 さらに、S3との互換性により、AWSCLI を使用してコマンドラインから静的ウェブサイトの機能を定義することもできる。 また、バケットの作成時に静的 Web サイトのオプションを追加するだけで、 「コンソール」 の GUI を使用して、新規にホストされる静的 Web サイト・ソリューションを作成および構成することができます。

基本構成

IBM Cloud® Object Storage での静的 Web サイトのホスティングは、 バケットの作成 から始まり、パブリック・アクセス用に構成します。 次に、Web サイトのコンテンツをバケットに アップロード します。 最後に、サイトの索引として文書を使用し、潜在的にエラーを表示するように Web サイトを構成 します。

少なくとも、訪問者がデフォルトで表示するために必要な索引文書 (通常は HTML で作成され、 index.html という名前が付けられます) で構成する必要があります。 オプションのエラー文書は、訪問者が迷い続けるときに、訪問者を追跡するのに役立ちます。 もちろん、 このチュートリアル を使用して、いつでも自分で試すことができます。

拡張構成

新規にホストされる静的 Web サイトを作成して構成する場合は、 IBM Cloud Internet Services を使用して、 ドメインのルーティング・ルール などの拡張オプションを構成することもできます。 ただし、新規サイトのカスタマイズを開始するために、作成時にバケットを構成する以上の作業を行う必要はありません。

初期設定オプション
設定オプション

ルーティング

ルーティングにより、訪問者からの要求を制御できます。 例えば、HTTP をセキュア HTTPS に置き換えるなど、あるプロトコルを使用しているすべてのトラフィックを別のプロトコルにグローバルにリダイレクトすることができます。 あるいは、特定のファイルに対する着信要求を処理し、定義したルールに基づいて訪問者に応答を提供する個々のルールを作成することもできます。

グローバル・ルーティング・ルール

グローバル・ルーティング・ルール
グローバル・ルーティング・ルール

マイグレーションするホストされた静的 Web サイトが既にある場合は、既に設定したルーティング・ルールのセットを持ち込んで、そのセットをコードとしてインポートすることができます。 図 3 に示す入力には、Web サイト構成ルール用にフォーマット設定された 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 を使用する利点の 1 つは、 独自のドメインのセットアップ に関連しています。 「ドメイン」は、トップレベル・ドメイン (TLD) と、 example.com (TLD は com) のようにドットで区切られた 1 つ以上の固有の単語で構成される、Web アドレス全体の一部です。 このステップをスキップすることもできますが、 CIS (またはドメイン・ネーム・レゾリューションを提供するその他のサービス) を使用して DNS レコードが適切に構成されていない場合、Web サイトのすべてまたは一部がアクセス不能になる可能性があります。

静的 Web サイトは、高速かつセキュアであることが意図されています。 お客様にコンテンツを配信する適切なツールを使用すると、静的コンテンツの提供が容易になります。 多くのデプロイメント・ツールには、CDN サポートの組み込みサポートがあります。 IBM Cloud® Internet Services を使用してドメインの構成を開始します。 リダイレクト・ルールを作成する場合は、 CNAME、「正規 (ドメイン) 名」、または別名を追加します。 オペレーティング・システム上のファイルと同様に、利便性のために別名を持つことができますが、ホストされる静的 Web サイトも同じように便利です。

専用ネットワークを介して静的コンテンツを配信するプロセスは、この CDN オプションの概要 から始まります。 コンテンツ配信は、コンテンツのコピーを管理することなく、お客様自身のロケーションの近くに静的コンテンツを移動し、リーチを拡張します。

静的 Web サイト・コンテンツをホストするためのエンドポイント

以下の表は、 IBM Cloud Object Storage で使用されるほとんどの地域、ロケーション、および接続タイプを、ホストされた静的 Web サイトのソーシングとテストに使用される新しい特定のエンドポイントと一致します。 ここにリストされていない連結エンドポイントについては、 連結エンドポイントの使用 に関する詳細情報を参照してください。

リージョン・エンドポイント

リージョン ホストされた静的 Web サイト・エンドポイント
米国南部 s3-web.us-south.cloud-object-storage.appdomain.cloud
米国東部 s3-web.us-east.cloud-object-storage.appdomain.cloud
EU 英国 s3-web.eu-gb.cloud-object-storage.appdomain.cloud
EU ドイツ s3-web.eu-de.cloud-object-storage.appdomain.cloud
AP オーストラリア s3-web.au-syd.cloud-object-storage.appdomain.cloud
AP 東京 s3-web.jp-tok.cloud-object-storage.appdomain.cloud
AP 大阪 s3-web.jp-osa.cloud-object-storage.appdomain.cloud
地域エンドポイント
リージョン ホストされた静的 Web サイト・エンドポイント
米国南部 s3-web.private.us-south.cloud-object-storage.appdomain.cloud
米国東部 s3-web.private.us-east.cloud-object-storage.appdomain.cloud
EU 英国 s3-web.private.eu-gb.cloud-object-storage.appdomain.cloud
EU ドイツ s3-web.private.eu-de.cloud-object-storage.appdomain.cloud
AP オーストラリア s3-web.private.au-syd.cloud-object-storage.appdomain.cloud
AP 東京 s3-web.private.jp-tok.cloud-object-storage.appdomain.cloud
AP 大阪 s3-web.private.jp-osa.cloud-object-storage.appdomain.cloud
地域エンドポイント
リージョン ホストされた静的 Web サイト・エンドポイント
米国南部 s3-web.direct.us-south.cloud-object-storage.appdomain.cloud
米国東部 s3-web.direct.us-east.cloud-object-storage.appdomain.cloud
EU 英国 s3-web.direct.eu-gb.cloud-object-storage.appdomain.cloud
EU ドイツ s3-web.direct.eu-de.cloud-object-storage.appdomain.cloud
AP オーストラリア s3-web.direct.au-syd.cloud-object-storage.appdomain.cloud
AP 東京 s3-web.direct.jp-tok.cloud-object-storage.appdomain.cloud
AP 大阪 s3-web.direct.jp-osa.cloud-object-storage.appdomain.cloud

クロス地域エンドポイント

リージョン ホストされた静的 Web サイト・エンドポイント
米国クロス地域 s3-web.us.cloud-object-storage.appdomain.cloud
EU クロス地域 s3-web.eu.cloud-object-storage.appdomain.cloud
AP クロス地域 s3-web.ap.cloud-object-storage.appdomain.cloud
クロス地域エンドポイント
リージョン ホストされた静的 Web サイト・エンドポイント
米国クロス地域 s3-web.private.us.cloud-object-storage.appdomain.cloud
EU クロス地域 s3-web.private.eu.cloud-object-storage.appdomain.cloud
AP クロス地域 s3-web.private.ap.cloud-object-storage.appdomain.cloud
クロス地域エンドポイント
リージョン ホストされた静的 Web サイト・エンドポイント
米国クロス地域 s3-web.direct.us.cloud-object-storage.appdomain.cloud
EU クロス地域 s3-web.direct.eu.cloud-object-storage.appdomain.cloud
AP クロス地域 s3-web.direct.ap.cloud-object-storage.appdomain.cloud

SINGLE SITE のエンドポイント

Location ホストされた静的 Web サイト・エンドポイント
アムステルダム、オランダ 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.mil01.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
単一データ・センター・エンドポイント
Location ホストされた静的 Web サイト・エンドポイント
アムステルダム、オランダ 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.mil01.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
単一データ・センター・エンドポイント
Location ホストされた静的 Web サイト・エンドポイント
アムステルダム、オランダ 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.mil01.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 開発を最大限に活用するには、最新のツールとセキュアなインフラストラクチャーが必要ですが、プロジェクトの成功への障壁になってはなりません。 チュートリアルをまだ試していない場合は、 静的 Web サイトのホスティング がどのように機能するかをご確認ください。