静的ウェブサイトのホスティング

このチュートリアルでは、静的ウェブサイトをホストするように Cloud Storage バケットを設定する方法について説明します。静的ウェブページには HTML、CSS、JavaScript などのクライアント側の技術を使用できます。設定例、ヒント、トラブルシューティングなど、静的ウェブページの詳細については、静的ウェブサイトページをご覧ください。

このチュートリアルは、動的ウェブサイトの静的アセットのホストにも適用されます。

目標

このチュートリアルの内容は次のとおりです。

ドメインを Cloud Storage に指定する。
ドメインにリンクするバケットを作成する。
サイトのファイルをアップロードして共有する。
ウェブサイトをテストする。

料金

このチュートリアルでは、Cloud Platform の課金可能な次のコンポーネントを使用します。

静的ウェブサイトのホスティング

静的ウェブサイトのホスティングで発生する可能性がある料金の詳細については、ストレージ料金のモニタリングに関するヒントをご覧ください。Cloud Storage のコストの詳細については、料金体系のページをご覧ください。

始める前に

Google アカウントにログインします。
Google アカウントをまだお持ちでない場合は、新しいアカウントを登録します。
Cloud Platform Console プロジェクトを選択または作成します。
[プロジェクト] ページに移動
プロジェクトの課金を有効にします。
課金の有効化
自分がオーナーまたは管理者になっているドメインが必要です。ドメインをまだお持ちでない場合は、Google Domains など、新しいドメインを登録できるサービスが数多くあります。
このチュートリアルでは、ドメイン example.com を使用します。
自分が使用するドメインのオーナーまたは管理者になっていることを検証します。自分がドメインのオーナーまたは管理者になっていることを実証するには、Google ウェブマスターセントラルの確認プロセスの 1 つを使用します。example.com などのドメイン上のサイトではなく、www.example.com などのドメインを検証していることを確認します。
注: バケットに関連付けているドメインを所有している場合は、以前にこの手順をすでに実行している可能性があります。Google Domains でドメインを購入した場合、検証は自動的に行われます。

詳細については、ドメイン名を持つバケットの検証をご覧ください。

`CNAME` エイリアスの作成

c.storage.googleapis.com. を指す CNAME エイリアスを作成します。

CNAME エイリアスは、カスタムドメイン URL を使用した Cloud Storage のバケット、オブジェクトなどのリソースにアクセスするために所有しているドメインから URL を使用できるようにする DNS レコードです。たとえば、www.example.com の場合、CNAME レコードに次の情報を含めることができます。

NAME                  TYPE     DATA
www.example.com       CNAME    c.storage.googleapis.com.

ご利用のドメイン登録サービスに、CNAME リソースレコードの追加など、ドメインを管理できる方法があるはずです。たとえば、Google Domains を使用する場合は、Google Domains ヘルプページの [リソースレコード] プルダウンセクションでリソースレコードの追加方法を確認できます。

CNAME リダイレクトの詳細については、CNAME エイリアス設定の URL をご覧ください。

バケットの作成

ドメインに作成した CNAME に一致する名前のバケットを作成します。

たとえば、www.example.com が c.storage.googleapis.com. を指す CNAME レコードを追加した場合は、"www.example.com" という名前のバケットを作成します。

バケットを作成するには:

コンソール

Google Cloud Platform Console で Cloud Storage ブラウザを開きます。
Cloud Storage ブラウザを開く
[バケットの作成] をクリックします。
[バケットを作成] ダイアログで、以下を指定します。
- バケットの [名前]。
- バケットのストレージクラス: Multi-Regional。
- バケットの [ロケーション]: [米国]。
[作成] をクリックします。

成功した場合、バケットのページに移動し、「このバケットにはオブジェクトがありません」というテキストが表示されます。

gsutil

次の gsutil mb コマンドを使用します。

gsutil mb gs://www.example.com

成功した場合、次の内容が返されます。

Creating gs://www.example.com/...

クライアントライブラリ

C#

Cloud Storage クライアントのインストールと作成の詳細については、Cloud Storage クライアントライブラリをご覧ください。

GitHub で表示フィードバック

private void CreateBucket(string bucketName)
{
    var storage = StorageClient.Create();
    storage.CreateBucket(s_projectId, bucketName);
    Console.WriteLine($"Created {bucketName}.");
}

Go

Cloud Storage クライアントのインストールと作成の詳細については、Cloud Storage クライアントライブラリをご覧ください。

GitHub で表示フィードバック

bucket := client.Bucket(bucketName)
if err := bucket.Create(ctx, projectID, &storage.BucketAttrs{
	StorageClass: "COLDLINE",
	Location:     "asia",
}); err != nil {
	return err
}

Java

Cloud Storage クライアントのインストールと作成の詳細については、Cloud Storage クライアントライブラリをご覧ください。

GitHub で表示フィードバック

Bucket bucket = storage.create(BucketInfo.newBuilder(bucketName)
    // See here for possible values: http://g.co/cloud/storage/docs/storage-classes
    .setStorageClass(StorageClass.COLDLINE)
    // Possible values: http://g.co/cloud/storage/docs/bucket-locations#location-mr
    .setLocation("asia")
    .build());

Node.js

Cloud Storage クライアントのインストールと作成の詳細については、Cloud Storage クライアントライブラリをご覧ください。

GitHub で表示フィードバック

// Imports the Google Cloud client library
const Storage = require('@google-cloud/storage');

// The name of the bucket to create, e.g. "my-bucket"
// const bucketName = "my-bucket";

// Instantiates a client
const storage = Storage();

// Creates a new bucket
storage
  .createBucket(bucketName)
  .then(() => {
    console.log(`Bucket ${bucketName} created.`);
  })
  .catch(err => {
    console.error('ERROR:', err);
  });

PHP

Cloud Storage クライアントのインストールと作成の詳細については、Cloud Storage クライアントライブラリをご覧ください。

GitHub で表示フィードバック

use Google\Cloud\Storage\StorageClient;

/**
 * Create a Cloud Storage Bucket.
 *
 * @param string $bucketName name of the bucket to create.
 * @param string $options options for the new bucket.
 *
 * @return Google\Cloud\Storage\Bucket the newly created bucket.
 */
function create_bucket($bucketName, $options = [])
{
    $storage = new StorageClient();
    $bucket = $storage->createBucket($bucketName, $options);
    printf('Bucket created: %s' . PHP_EOL, $bucket->name());
}

Python

Cloud Storage クライアントのインストールと作成の詳細については、Cloud Storage クライアントライブラリをご覧ください。

GitHub で表示フィードバック

def create_bucket(bucket_name):
    """Creates a new bucket."""
    storage_client = storage.Client()
    bucket = storage_client.create_bucket(bucket_name)
    print('Bucket {} created'.format(bucket.name))

Ruby

Cloud Storage クライアントのインストールと作成の詳細については、Cloud Storage クライアントライブラリをご覧ください。

GitHub で表示フィードバック

# project_id    = "Your Google Cloud project ID"
# bucket_name   = "Name of Google Cloud Storage bucket to create"

require "google/cloud/storage"

storage = Google::Cloud::Storage.new project: project_id
bucket  = storage.create_bucket bucket_name,
                                location:      "ASIA",
                                storage_class: "COLDLINE"

puts "Created bucket #{bucket.name}"

REST API

JSON API

OAuth 2.0 Playground から承認アクセストークンを取得します。固有の OAuth 認証情報を使用するように Playground を設定します。
.json ファイルを作成して name プロパティをウェブサイトの名前に割り当てます:

{
 "name": "www.example.com"
}

cURL を使用して JSON API を呼び出します。www.example.com の場合:

curl -X POST --data-binary @website-bucket-name.json \
     -H "Authorization: Bearer ya29.AHES6ZRVmB7fkLtd1XTmq6mo0S1wqZZi3-Lh_s-6Uw7p8vtgSwg" \
     -H "Content-Type: application/json" \
     "https://www.googleapis.com/storage/v1/b?project=my-static-website"

XML API

OAuth 2.0 Playground から承認アクセストークンを取得します。固有の OAuth 認証情報を使用するように Playground を設定します。

cURL を使用して XML API を呼び出し、ウェブサイト名でバケットを作成します。www.example.com の場合:

curl -X PUT \
     -H "Authorization: Bearer ya29.AHES6ZRVmB7fkLtd1XTmq6mo0S1wqZZi3-Lh_s-6Uw7p8vtgSwg" \
     -H "x-goog-project-id: my-static-website" \
     "https://storage.googleapis.com/www.example.com"

サイトのファイルのアップロード

ウェブサイトで配信するファイルをバケットに追加するには:

コンソール

Google Cloud Platform Console で Cloud Storage ブラウザを開きます。
Cloud Storage ブラウザを開く
バケットのリストで、作成したバケットをクリックします。
[ファイルをアップロード] をクリックします。
ファイルダイアログで、目的のファイルを参照して選択します。

アップロードの完了後、バケット内のファイルの名前、サイズ、種類、最終更新日が表示されます。

たとえば、index.html と 404.html の 2 つのファイルがあるバケットの場合、Cloud Platform Console で次のように表示されます。

gsutil

ファイルをバケットにコピーするには、gsutil cp コマンドを使用します。たとえば、ファイル index.html をその現在のロケーション Desktop からコピーするには、次のコマンドを使用します。

gsutil cp Desktop/index.html gs://www.example.com

成功した場合は、コマンドから次のメッセージが返されます。

Copying file://Desktop/index.html [Content-Type=text/html]...
Uploading   gs://www.example.com/index.html:       0 B/2.58 KiB
Uploading   gs://www.example.com/index.html:       2.58 KiB/2.58 KiB

クライアントライブラリ

C#

Cloud Storage クライアントのインストールと作成の詳細については、Cloud Storage クライアントライブラリをご覧ください。

GitHub で表示フィードバック

private void UploadFile(string bucketName, string localPath,
    string objectName = null)
{
    var storage = StorageClient.Create();
    using (var f = File.OpenRead(localPath))
    {
        objectName = objectName ?? Path.GetFileName(localPath);
        storage.UploadObject(bucketName, objectName, null, f);
        Console.WriteLine($"Uploaded {objectName}.");
    }
}

Go

Cloud Storage クライアントのインストールと作成の詳細については、Cloud Storage クライアントライブラリをご覧ください。

GitHub で表示フィードバック

f, err := os.Open("notes.txt")
if err != nil {
	return err
}
defer f.Close()

wc := client.Bucket(bucket).Object(object).NewWriter(ctx)
if _, err = io.Copy(wc, f); err != nil {
	return err
}
if err := wc.Close(); err != nil {
	return err
}

Java

Cloud Storage クライアントのインストールと作成の詳細については、Cloud Storage クライアントライブラリをご覧ください。

GitHub で表示フィードバック

InputStream content = new ByteArrayInputStream("Hello, World!".getBytes(UTF_8));
Blob blob = bucket.create(blobName, content, "text/plain");

Node.js

Cloud Storage クライアントのインストールと作成の詳細については、Cloud Storage クライアントライブラリをご覧ください。

GitHub で表示フィードバック

// Imports the Google Cloud client library
const Storage = require('@google-cloud/storage');

// The name of the bucket to access, e.g. "my-bucket"
// const bucketName = "my-bucket";

// The name of the local file to upload, e.g. "./local/path/to/file.txt"
// const filename = "./local/path/to/file.txt";

// Instantiates a client
const storage = Storage();

// Uploads a local file to the bucket
storage
  .bucket(bucketName)
  .upload(filename)
  .then(() => {
    console.log(`${filename} uploaded to ${bucketName}.`);
  })
  .catch(err => {
    console.error('ERROR:', err);
  });

PHP

Cloud Storage クライアントのインストールと作成の詳細については、Cloud Storage クライアントライブラリをご覧ください。

GitHub で表示フィードバック

use Google\Cloud\Storage\StorageClient;

/**
 * Upload a file.
 *
 * @param string $bucketName the name of your Google Cloud bucket.
 * @param string $objectName the name of the object.
 * @param string $source the path to the file to upload.
 *
 * @return Psr\Http\Message\StreamInterface
 */
function upload_object($bucketName, $objectName, $source)
{
    $storage = new StorageClient();
    $file = fopen($source, 'r');
    $bucket = $storage->bucket($bucketName);
    $object = $bucket->upload($file, [
        'name' => $objectName
    ]);
    printf('Uploaded %s to gs://%s/%s' . PHP_EOL, basename($source), $bucketName, $objectName);
}

Python

Cloud Storage クライアントのインストールと作成の詳細については、Cloud Storage クライアントライブラリをご覧ください。

GitHub で表示フィードバック

def upload_blob(bucket_name, source_file_name, destination_blob_name):
    """Uploads a file to the bucket."""
    storage_client = storage.Client()
    bucket = storage_client.get_bucket(bucket_name)
    blob = bucket.blob(destination_blob_name)

    blob.upload_from_filename(source_file_name)

    print('File {} uploaded to {}.'.format(
        source_file_name,
        destination_blob_name))

Ruby

Cloud Storage クライアントのインストールと作成の詳細については、Cloud Storage クライアントライブラリをご覧ください。

GitHub で表示フィードバック

# project_id        = "Your Google Cloud project ID"
# bucket_name       = "Your Google Cloud Storage bucket name"
# local_file_path   = "Path to local file to upload"
# storage_file_path = "Path to store the file in Google Cloud Storage"

require "google/cloud/storage"

storage = Google::Cloud::Storage.new project: project_id
bucket  = storage.bucket bucket_name

file = bucket.create_file local_file_path, storage_file_path

puts "Uploaded #{file.name}"

REST API

JSON API

OAuth 2.0 Playground から承認アクセストークンを取得します。固有の OAuth 認証情報を使用するように Playground を設定します。
ファイルのデータをリクエストの本文に追加します。

cURL を使用して、JSON API を POST Object リクエストで呼び出します。www.example.com のインデックスページの場合:

curl -X POST --data-binary @index.html \
        -H "Content-Type: text/html" \
        -H "Authorization: Bearer ya29.AHES6ZRVmB7fkLtd1XTmq6mo0S1wqZZi3-Lh_s-6Uw7p8vtgSwg" \
        "https://www.googleapis.com/upload/storage/v1/b/www.example.com/o?uploadType=media&name=index.html"

JSON API を使用したオブジェクトのアップロードの詳細は、単純なアップロードの実行をご覧ください。

XML API

OAuth 2.0 Playground から承認アクセストークンを取得します。固有の OAuth 認証情報を使用するように Playground を設定します。
オブジェクトのデータをリクエストの本文に追加します。

cURL を使用して、XML API を PUT Object リクエストで呼び出します。www.example.com のインデックスページの場合:

curl -X PUT --data-binary @index.html \
        -H "Authorization: Bearer ya29.AHES6ZRVmB7fkLtd1XTmq6mo0S1wqZZi3-Lh_s-6Uw7p8vtgSwg" \
        -H "Content-Type: text/html" \
        "https://storage.googleapis.com/www.example.com/index.html"

ファイルの共有

配信するファイルを一般公開で共有するには:

コンソール

Google Cloud Platform Console で Cloud Storage ブラウザを開きます。
Cloud Storage ブラウザを開く
バケットのリストで、アップロードしたオブジェクトが含まれているバケットをクリックします。
一般公開で共有するオブジェクトごとに、[一般公開で共有する] 列のチェックボックスをクリックします。

成功した場合、チェックボックスの横に [公開リンク] というリンクが表示されます。

gsutil

バケットに保存されている配信予定の各ファイルの読み取り権限をすべてのユーザーに付与するには、gsutil acl ch コマンドを使用します。次に例を示します。

gsutil acl ch -u AllUsers:R gs://www.example.com/index.html

成功した場合、次の内容が返されます。

Updated ACL on gs://www.example.com/index.html

クライアントライブラリ

C#

Cloud Storage クライアントのインストールと作成の詳細については、Cloud Storage クライアントライブラリをご覧ください。

GitHub で表示フィードバック

private void MakePublic(string bucketName, string objectName)
{
    var storage = StorageClient.Create();
    var storageObject = storage.GetObject(bucketName, objectName);
    storageObject.Acl = storageObject.Acl ?? new List<ObjectAccessControl>();
    storage.UpdateObject(storageObject, new UpdateObjectOptions
    {
        PredefinedAcl = PredefinedObjectAcl.PublicRead
    });
    Console.WriteLine(objectName + " is now public and can be fetched from " +
        storageObject.MediaLink);
}

Go

Cloud Storage クライアントのインストールと作成の詳細については、Cloud Storage クライアントライブラリをご覧ください。

GitHub で表示フィードバック

acl := client.Bucket(bucket).Object(object).ACL()
if err := acl.Set(ctx, storage.AllUsers, storage.RoleReader); err != nil {
	return err
}

Java

Cloud Storage クライアントのインストールと作成の詳細については、Cloud Storage クライアントライブラリをご覧ください。

GitHub で表示フィードバック

BlobId blobId = BlobId.of(bucketName, blobName, blobGeneration);
Acl acl = storage.createAcl(blobId, Acl.of(User.ofAllUsers(), Role.READER));

Node.js

Cloud Storage クライアントのインストールと作成の詳細については、Cloud Storage クライアントライブラリをご覧ください。

GitHub で表示フィードバック

// Imports the Google Cloud client library
const Storage = require('@google-cloud/storage');

// The name of the bucket to access, e.g. "my-bucket"
// const bucketName = "my-bucket";

// The name of the file to make public, e.g. "file.txt"
// const filename = "file.txt";

// Instantiates a client
const storage = Storage();

// Makes the file public
storage
  .bucket(bucketName)
  .file(filename)
  .makePublic()
  .then(() => {
    console.log(`gs://${bucketName}/${filename} is now public.`);
  })
  .catch(err => {
    console.error('ERROR:', err);
  });

PHP

Cloud Storage クライアントのインストールと作成の詳細については、Cloud Storage クライアントライブラリをご覧ください。

GitHub で表示フィードバック

use Google\Cloud\Storage\StorageClient;

/**
 * Make an object publically accessible.
 *
 * @param string $bucketName the name of your Cloud Storage bucket.
 * @param string $objectName the name of your Cloud Storage object.
 *
 * @return void
 */
function make_public($bucketName, $objectName)
{
    $storage = new StorageClient();
    $bucket = $storage->bucket($bucketName);
    $object = $bucket->object($objectName);
    $object->update(['acl' => []], ['predefinedAcl' => 'PUBLICREAD']);
    printf('gs://%s/%s is now public' . PHP_EOL, $bucketName, $objectName);
}

Python

Cloud Storage クライアントのインストールと作成の詳細については、Cloud Storage クライアントライブラリをご覧ください。

GitHub で表示フィードバック

def make_blob_public(bucket_name, blob_name):
    """Makes a blob publicly accessible."""
    storage_client = storage.Client()
    bucket = storage_client.get_bucket(bucket_name)
    blob = bucket.blob(blob_name)

    blob.make_public()

    print('Blob {} is publicly accessible at {}'.format(
        blob.name, blob.public_url))

Ruby

Cloud Storage クライアントのインストールと作成の詳細については、Cloud Storage クライアントライブラリをご覧ください。

GitHub で表示フィードバック

# project_id  = "Your Google Cloud project ID"
# bucket_name = "Your Google Cloud Storage bucket name"
# file_name   = "Name of file in Google Cloud Storage to make public"

require "google/cloud/storage"

storage = Google::Cloud::Storage.new project: project_id
bucket  = storage.bucket bucket_name
file    = bucket.file file_name

file.acl.public!

puts "#{file.name} is publicly accessible at #{file.public_url}"

REST API

JSON API

OAuth 2.0 Playground から承認アクセストークンを取得します。固有の OAuth 認証情報を使用するように Playground を設定します。
次の情報が含まれる .json ファイルを作成します。

{
  "entity": "allUsers",
  "role": "READER"
}

cURL を使用して、JSON API を Insert ACL リクエストで呼び出します。www.example.com のインデックスページの場合:

curl -X POST --data-binary @public-read.json \
        -H "Authorization: Bearer ya29.AHES6ZRVmB7fkLtd1XTmq6mo0S1wqZZi3-Lh_s-6Uw7p8vtgSwg" \
        -H "Content-type: application/json" \
        "https://www.googleapis.com/storage/v1/b/www.example.com/o/index.html/acl"

XML API

OAuth 2.0 Playground から承認アクセストークンを取得します。固有の OAuth 認証情報を使用するように Playground を設定します。
次の情報を含む .xml ファイルを作成します。

<AccessControlList>
  <Entries>
    <Entry>
      <Scope type="AllUsers"/>
      <Permission>READ</Permission>
    </Entry>
  </Entries>
</AccessControlList>

cURL を使用して、XML API を Set Object ACL リクエストで呼び出します。www.example.com のインデックスページの場合:

curl -X PUT --data-binary @[XML_FILE_NAME].xml \
        -H "Authorization: Bearer ya29.AHES6ZRVmB7fkLtd1XTmq6mo0S1wqZZi3-Lh_s-6Uw7p8vtgSwg" \
        "https://storage.googleapis.com/www.example.com/index.html?acl"

オプション: インデックスページとエラーページの割り当て

一般公開で共有するファイルから、インデックスページサフィックスとカスタムエラーページを割り当てることができます（ただし、どちらも省略可能です）。

インデックスページ（ウェブサーバーディレクトリインデックスとも呼ばれる）は、ディレクトリをリクエストする静的サイトの訪問者に返されるファイルです。http://www.example.com などのトップレベルサイトがリクエストされたり、http://www.example.com/directory などの存在しないページがリクエストされたりすると、サービスでインデックスページのレンダリングが試行されます。インデックスページのサフィックスが割り当てられていない場合や、「ディレクトリ」にインデックスページが関連付けられていない場合、Cloud Storage はエラーページを返します。インデックスページとして機能するファイルを制御するプロパティは MainPageSuffix です。

たとえば、MainPageSuffix が index.html の場合、ユーザーが http://www.example.com をリクエストすると、Cloud Storage はオブジェクト www.example.com/index.html を返そうとします。同様に、オブジェクト www.example.com/directory が存在しない場合、ユーザーが http://www.example.com/directory をリクエストすると、Cloud Storag はオブジェクト www.example.com/directory/index.html を返そうとします。そのようなオブジェクトが存在しない場合、Cloud Storage はエラーページを返します。

エラーページは、既存のファイルに対応しない URL をリクエストした静的サイトの訪問者に返されるファイルです。インデックスページを割り当てた場合、リクエストされた URL が適切なインデックスオブジェクトに対応していないときにエラーページが返されます。エラーページが返されるときの http レスポンスコードは 404 です。エラーページとして機能するファイルを制御するプロパティは NotFoundPage です。NotFoundPage を設定しない場合、ユーザーに一般的なエラーページが表示されます。

以下の例では、インデックスページのサフィックスは index.html、カスタムエラーページは 404.html に設定されています。

コンソール

Google Cloud Platform Console で Cloud Storage ブラウザを開きます。
Cloud Storage ブラウザを開く
バケットのリストで、作成したバケットを見つけます。
バケットの横にあるその他アイコンをクリックし、[ウェブサイトの設定を編集] を選択します。
注: このオプションは、名前が有効なウェブサイトパターンに一致するバケットでのみ使用できます。
[ウェブサイトの設定] ダイアログで、[メインページ] と [404（ページが見つかりません）ページ] を指定します。
[保存] をクリックします。

gsutil

gsutil ツールの使用:

次のコマンドは、MainPageSuffix プロパティを index.html に、NotFoundPage プロパティをバケット 404.html の www.example.com に設定します。

gsutil web set -m index.html -e 404.html gs://www.example.com

成功した場合、次の内容が返されます。

Setting website config on gs://www.example.com/...

注: これらの設定を変更または削除するには、追加の gsutil web set コマンドを使用します。これらの設定を表示するには、


gsutil web get

コマンドを使用します。

REST APIS

JSON API

OAuth 2.0 Playground から承認アクセストークンを取得します。固有の OAuth 認証情報を使用するように Playground を設定します。
.json ファイルを作成して、website オブジェクトの mainPageSuffix プロパティと notFoundPage プロパティを目的のページに設定します。
```
{
  "website":{
    "mainPageSuffix": "index.html",
    "notFoundPage": "404.html"
  }
}
```

cURL を使用して、JSON API を PATCH Bucket リクエストで呼び出します。www.example.com の場合:

curl -X PATCH --data-binary @web-config.json \
     -H "Authorization: Bearer ya29.AHES6ZRVmB7fkLtd1XTmq6mo0S1wqZZi3-Lh_s-6Uw7p8vtgSwg" \
     -H "Content-Type: application/json" \
     "https://www.googleapis.com/storage/v1/b/www.example.com"

XML API

OAuth 2.0 Playground から承認アクセストークンを取得します。固有の OAuth 認証情報を使用するように Playground を設定します。
.xml ファイルを作成して、WebsiteConfiguration 要素の MainPageSuffix 要素と NotFoundPage 要素を目的のページに設定します。
```
<WebsiteConfiguration>
  <MainPageSuffix>index.html</MainPageSuffix>
  <NotFoundPage>404.html</NotFoundPage>
</WebsiteConfiguration>
```

cURL を使用して、XML API を PUT Bucket リクエストと websiteConfig クエリ文字列パラメータで呼び出します。www.example.com の場合:

curl -X PUT --data-binary @web-config.xml \
        -H "Authorization: Bearer ya29.AHES6ZRVmB7fkLtd1XTmq6mo0S1wqZZi3-Lh_s-6Uw7p8vtgSwg" \
        https://storage.googleapis.com/www.example.com?websiteConfig

注: これらの設定を変更または削除するには、追加の PUT リクエストを使用します。これらの設定を表示するには、GET リクエストを使用します。

ウェブサイトのテスト

オブジェクトのパスを指定するか、MainPageSuffix プロパティを設定した場合にはドメイン名だけを指定して、ブラウザでドメイン名をリクエストすることでバケットからコンテンツが配信されることをテストします。

クリーンアップ

静的ウェブサイトのホストのチュートリアルが終了したら、Google Cloud Platform で作成したリソースについて料金が発生しないようにクリーンアップすることができます。次のセクションでは、これらのリソースを削除またはオフにする方法について説明します。

プロジェクトの削除

課金を停止する最も簡単な方法は、チュートリアル用に作成したプロジェクトを削除することです。

プロジェクトを削除する手順は次のとおりです。

Cloud Platform Console で、[プロジェクト] ページに移動します。
[プロジェクト] ページに移動する
プロジェクト名の右側にある、ゴミ箱アイコンをクリックします。
警告: プロジェクトの削除は、次のような結果になります。
- 既存のプロジェクトを使った場合、プロジェクトで行っていた、他の作業も削除されます。
- 削除されたプロジェクトのプロジェクト ID は再使用できません。将来に使う予定のカスタムプロジェクト ID を作成していた場合は、プロジェクト内のリソースを削除するようにしてください。そうすれば、appspot.com URL のような、プロジェクト ID を使う URL をそのまま利用することができます。

バケットの削除

プロジェクト全体を削除する場合は、ウェブサイトのホストに使用したバケットを削除します。

コンソール

Google Cloud Platform Console で Cloud Storage ブラウザを開きます。
Cloud Storage ブラウザを開く
作成したバケットの横にあるチェックボックスをオンにします。
[削除] をクリックします。
表示されるオーバーレイで、[削除] をクリックしてバケットとその内容を完全に削除します。

gsutil

バケットとその内容を削除するには、gsutil rm command を -r フラグとともに使用します。

gsutil rm -r gs://www.example.com

次のステップ

バケットを使用して静的ウェブサイトをホストする場合の設定例、ヒント、トラブルシューティングを確認する。
動的ウェブサイトの静的アセットのホストについて学習する。
「Cloud Storage Office Hours」で静的ウェブサイトのホスティングについて詳しく学習する。
すべてのウェブサービスオプションを学習する。
Google Cloud Platform のその他の機能を試す。チュートリアルをご覧ください。

目標

料金

始める前に

CNAME エイリアスの作成

バケットの作成

コンソール

gsutil

クライアント ライブラリ

C#

Go

Java

Node.js

PHP

Python

Ruby

REST API

JSON API

XML API

サイトのファイルのアップロード

コンソール

gsutil

クライアント ライブラリ

C#

Go

Java

Node.js

PHP

Python

Ruby

REST API

JSON API

XML API

ファイルの共有

コンソール

gsutil

クライアント ライブラリ

C#

Go

Java

Node.js

PHP

Python

Ruby

REST API

JSON API

XML API

オプション: インデックス ページとエラーページの割り当て

コンソール

gsutil

REST APIS

JSON API

XML API

ウェブサイトのテスト

クリーンアップ

プロジェクトの削除

バケットの削除

コンソール

gsutil

次のステップ

フィードバックを送信...

`CNAME` エイリアスの作成

クライアントライブラリ

クライアントライブラリ

クライアントライブラリ

オプション: インデックスページとエラーページの割り当て