Google Cloud Storage で静的ウェブサイトをホストするのはとても簡単です。 HTML、CSS、JavaScript、および画像のみを使用して単純な静的 Web サイトを立ち上げることを計画している場合、そのための Web サーバーは必要ありません。ウェブサイトのファイルを Google Cloud Storage にアップロードすると、数分でサイトが公開されます

このチュートリアルでは、Google Cloud Storage で静的ウェブサイトを無料で起動する方法を紹介します。

では、始めましょう!

Google Cloud Storage で静的ウェブサイトを無料でホストする手順

Google クラウド アカウントにログインする cloud.google.com にアクセスし、Google クラウド アカウントにログインします。 GCP アカウントにサインインすると、次のスクリーンショットのように Google Cloud ダッシュボードが表示されます。ドメインが Cloud Storage を指すようにするには、yourdomainname.com から c.storage.googleapis.com を指す CNAME レコードを作成する必要があります。

これを行うには、ドメインの DNS 設定セクションにアクセスし、[レコードの追加] をクリックして [CNAME] を選択します。

ここで、[名前] セクションに www と入力し、[ポイント] セクションに c.storage.googleapis.com と入力して、レコードを保存します。プロパティ オプションを追加して新しいドメインに接続すると、HTML メタデータ、Google アナリティクスなどのドメイン検証に利用できる多くのオプションが表示されます。最も簡単なのは TXT レコードによる DNS 検証です。好きな方法で所有権の確認を完了してから、次のステップに進みます。 Google Search Console にアクセスして、ドメインの所有者であることを確認します。オプションをクリックして新しいドメインを接続すると、HTML メタデータ、Google アナリティクスなどのドメイン検証に利用できる多くのオプションが表示されます。最も簡単なのは TXT レコードによる DNS 検証です。任意の方法で所有権の確認を完了してから、次のステップに進みます。クラウド コンソールのダッシュボード エリアにアクセスし、ナビゲーション メニュー バーから [ストレージ] リンクをクリックします。

次に、バケットを作成する必要があります。その後、「バケット名」を入力します (注: ドメイン名をストレージの場合、バケット名をドメイン名として指定する必要があります)

次に、「ストレージ クラス」を選択する必要があります。& 空室状況)


次に、米国、EU から場所を選択します& アジア (オーディエンスに最も近いものを選択) をクリックし、[作成] をクリックします。



バケットの作成が正常に完了すると、それらがリストに表示されます。リストからバケットを選択し、[バケット権限の編集] をクリックします。アクセス許可のプロパティが開きます

このアクセス許可プロパティ セクションで、äâ¢ãâãâAdd membersãâ¢ãâãâ フィールドで、権限を「Storage Object Viewer」として選択します。その後、[追加] ボタンをクリックして構成を保存します。

次に、設定アイコンをもう一度クリックします >>ウェブサイトの設定を編集し、メイン ページに詳細を入力します& 404 (見つかりません) ページ セクション (ほとんどの場合、値は index.html& それぞれ 404.html)。前の構成を完了したら、Web サイト ファイルのアップロード プロセスに進むことができます。

新しく作成したバケット セクションを開き、[フォルダーのアップロード/ファイルのアップロード] をクリックして、アップロードする Web サイト ファイルを選択します。 index.html がバケットルートに存在することを確認してください

ファイル サイズによっては、アップロードに時間がかかる場合があります。

これで完了です。 DNS がグローバルに伝播されるまでには時間がかかる場合があり、DNS ルックアップ ツールを使用して結果を確認できます。

そのため、しばらくしてから、ブラウザにサイトの URL を入力してサイトにアクセスしようとすると、静的な Web サイトが公開されていることがわかります。

おすすめの読み物 ãâ¢ãâãâ Google Cloud サーバーでドメインを設定する方法

このガイドが、Google Cloud Storage で静的ウェブサイトを立ち上げるのに役立つことを願っています。このガイドが役に立った場合は、お友達やご家族と共有することを忘れないでください!

ご質問、ご意見、ご提案がありましたら、以下にコメントしてお気軽にお知らせください。