Stay organized with collectionsSave and categorize content based on your preferences.
This page describes how to configure a Cloud Storage bucket to host
a static website for a domain you own. Static web pages can contain
client-side technologies such as HTML, CSS, and JavaScript. They cannot contain
dynamic content such as server-side scripts like PHP.
See theMonitoring your chargestip for details on what charges
may be incurred when hosting a static website.
Limitations
You can host a static website using a bucket whose objects are readable to the
public. You cannot host a static website using a bucket that haspublic access preventionenabled.
To host a static website using Cloud Storage, you can use either
of the following methods:
Create a new bucket whose data can be accessed publicly. During bucket
creation, clear the box labeledEnforce public access prevention on this bucket.
After creating the bucket, grant the Storage Object Viewer role to theallUsersprincipal. For more information, seeCreate a bucket.
Make the data of an existing bucket public. For more information, seeShare your files.
Before you begin
Sign in to your Google Cloud account. If you're new to
Google Cloud,create an accountto evaluate how our products perform in
real-world scenarios. New customers also get $300 in free credits to
run, test, and deploy workloads.
In the Google Cloud console, on the project selector page,
select or create a Google Cloud project.
Have a domain that you own or manage. If you don't have an existing domain,
there are many services through which you can register a new domain, such asCloud Domains.
This tutorial uses the domainexample.com.
Have a few website files you want to serve. This tutorial works best if you
have at least an index page (index.html) and a 404 page
(404.html).
Have a Cloud Storage bucket for storing the files you want to
serve. If you don't currently have a bucket,create a bucket.
(Optional) If you want your Cloud Storage bucket to have the same
name as your domain, you mustverify that
you own or manage the domain that you will be using. Make sure you are
verifying the top-level domain, such asexample.com, and not a
subdomain, such aswww.example.com. If you purchased your
domain through Cloud Domains, verification is automatic.
Upload your site's files
Add the files you want your website to serve to the bucket:
Console
In the Google Cloud console, go to the Cloud StorageBucketspage.
In the list of buckets, click the name of the bucket that you created.
TheBucket detailspage opens with theObjectstab selected.
Click theUpload filesbutton.
In the file dialog, browse to the desired file and select it.
After the upload completes, you should see the filename along with file
information displayed in the bucket.
To learn how to get detailed error information about failed Cloud Storage
operations in the Google Cloud console, seeTroubleshooting.
Command line
Use thegcloud storage cpcommand to copy files to your bucket.
For example, to copy the fileindex.htmlfrom its current locationDesktopto the bucketmy-static-assets:
namespacegcs=::google::cloud::storage;using::google::cloud::StatusOr;[](gcs::Clientclient,std::stringconst&file_name,std::stringconst&bucket_name,std::stringconst&object_name){// Note that the client library automatically computes a hash on the// client-side to verify data integrity during transmission.StatusOr<gcs::ObjectMetadata>metadata=client.UploadFile(file_name,bucket_name,object_name,gcs::IfGenerationMatch(0));if(!metadata)throwstd::move(metadata).status();std::cout<<"Uploaded "<<file_name<<" to object "<<metadata->name()<<" in bucket "<<metadata->bucket()<<"\nFull metadata: "<<*metadata<<"\n";}
import("context""fmt""io""os""time""cloud.google.com/go/storage")// uploadFile uploads an object.funcuploadFile(wio.Writer,bucket,objectstring)error{// bucket := "bucket-name"// object := "object-name"ctx:=context.Background()client,err:=storage.NewClient(ctx)iferr!=nil{returnfmt.Errorf("storage.NewClient: %w",err)}deferclient.Close()// Open local file.f,err:=os.Open("notes.txt")iferr!=nil{returnfmt.Errorf("os.Open: %w",err)}deferf.Close()ctx,cancel:=context.WithTimeout(ctx,time.Second*50)defercancel()o:=client.Bucket(bucket).Object(object)// Optional: set a generation-match precondition to avoid potential race// conditions and data corruptions. The request to upload is aborted if the// object's generation number does not match your precondition.// For an object that does not yet exist, set the DoesNotExist precondition.o=o.If(storage.Conditions{DoesNotExist:true})// If the live object already exists in your bucket, set instead a// generation-match precondition using the live object's generation number.// attrs, err := o.Attrs(ctx)// if err != nil {// return fmt.Errorf("object.Attrs: %w", err)// }// o = o.If(storage.Conditions{GenerationMatch: attrs.Generation})// Upload an object with storage.Writer.wc:=o.NewWriter(ctx)if_,err=io.Copy(wc,f);err!=nil{returnfmt.Errorf("io.Copy: %w",err)}iferr:=wc.Close();err!=nil{returnfmt.Errorf("Writer.Close: %w",err)}fmt.Fprintf(w,"Blob %v uploaded.\n",object)returnnil}
The following sample uploads an individual object:
importcom.google.cloud.storage.BlobId;importcom.google.cloud.storage.BlobInfo;importcom.google.cloud.storage.Storage;importcom.google.cloud.storage.StorageOptions;importjava.io.IOException;importjava.nio.file.Paths;publicclassUploadObject{publicstaticvoiduploadObject(StringprojectId,StringbucketName,StringobjectName,StringfilePath)throwsIOException{// The ID of your GCP project// String projectId = "your-project-id";// The ID of your GCS bucket// String bucketName = "your-unique-bucket-name";// The ID of your GCS object// String objectName = "your-object-name";// The path to your file to upload// String filePath = "path/to/your/file"Storagestorage=StorageOptions.newBuilder().setProjectId(projectId).build().getService();BlobIdblobId=BlobId.of(bucketName,objectName);BlobInfoblobInfo=BlobInfo.newBuilder(blobId).build();// Optional: set a generation-match precondition to avoid potential race// conditions and data corruptions. The request returns a 412 error if the// preconditions are not met.Storage.BlobWriteOptionprecondition;if(storage.get(bucketName,objectName)==null){// For a target object that does not yet exist, set the DoesNotExist precondition.// This will cause the request to fail if the object is created before the request runs.precondition=Storage.BlobWriteOption.doesNotExist();}else{// If the destination already exists in your bucket, instead set a generation-match// precondition. This will cause the request to fail if the existing object's generation// changes before the request runs.precondition=Storage.BlobWriteOption.generationMatch(storage.get(bucketName,objectName).getGeneration());}storage.createFrom(blobInfo,Paths.get(filePath),precondition);System.out.println("File "+filePath+" uploaded to bucket "+bucketName+" as "+objectName);}}
The following sample uploads multiple objects concurrently:
importcom.google.cloud.storage.transfermanager.ParallelUploadConfig;importcom.google.cloud.storage.transfermanager.TransferManager;importcom.google.cloud.storage.transfermanager.TransferManagerConfig;importcom.google.cloud.storage.transfermanager.UploadResult;importjava.io.IOException;importjava.nio.file.Path;importjava.util.List;classUploadMany{publicstaticvoiduploadManyFiles(StringbucketName,List<Path>files)throwsIOException{TransferManagertransferManager=TransferManagerConfig.newBuilder().build().getService();ParallelUploadConfigparallelUploadConfig=ParallelUploadConfig.newBuilder().setBucketName(bucketName).build();List<UploadResult>results=transferManager.uploadFiles(files,parallelUploadConfig).getUploadResults();for(UploadResultresult:results){System.out.println("Upload for "+result.getInput().getName()+" completed with status "+result.getStatus());}}}
The following sample uploads all objects with a common prefix concurrently:
importcom.google.cloud.storage.transfermanager.ParallelUploadConfig;importcom.google.cloud.storage.transfermanager.TransferManager;importcom.google.cloud.storage.transfermanager.TransferManagerConfig;importcom.google.cloud.storage.transfermanager.UploadResult;importjava.io.IOException;importjava.nio.file.Files;importjava.nio.file.Path;importjava.util.ArrayList;importjava.util.List;importjava.util.stream.Stream;classUploadDirectory{publicstaticvoiduploadDirectoryContents(StringbucketName,PathsourceDirectory)throwsIOException{TransferManagertransferManager=TransferManagerConfig.newBuilder().build().getService();ParallelUploadConfigparallelUploadConfig=ParallelUploadConfig.newBuilder().setBucketName(bucketName).build();// Create a list to store the file pathsList<Path>filePaths=newArrayList<>();// Get all files in the directory// try-with-resource to ensure pathStream is closedtry(Stream<Path>pathStream=Files.walk(sourceDirectory)){pathStream.filter(Files::isRegularFile).forEach(filePaths::add);}List<UploadResult>results=transferManager.uploadFiles(filePaths,parallelUploadConfig).getUploadResults();for(UploadResultresult:results){System.out.println("Upload for "+result.getInput().getName()+" completed with status "+result.getStatus());}}}
The following sample uploads an individual object:
/*** TODO(developer): Uncomment the following lines before running the sample.*/// The ID of your GCS bucket// const bucketName = 'your-unique-bucket-name';// The path to your file to upload// const filePath = 'path/to/your/file';// The new ID for your GCS file// const destFileName = 'your-new-file-name';// Imports the Google Cloud client libraryconst{Storage}=require('@google-cloud/storage');// Creates a clientconststorage=newStorage();asyncfunctionuploadFile(){constoptions={destination:destFileName,// Optional:// Set a generation-match precondition to avoid potential race conditions// and data corruptions. The request to upload is aborted if the object's// generation number does not match your precondition. For a destination// object that does not yet exist, set the ifGenerationMatch precondition to 0// If the destination object already exists in your bucket, set instead a// generation-match precondition using its generation number.preconditionOpts:{ifGenerationMatch:generationMatchPrecondition},};awaitstorage.bucket(bucketName).upload(filePath,options);console.log(`${filePath}uploaded to${bucketName}`);}uploadFile().catch(console.error);
The following sample uploads multiple objects concurrently:
/*** TODO(developer): Uncomment the following lines before running the sample.*/// The ID of your GCS bucket// const bucketName = 'your-unique-bucket-name';// The ID of the first GCS file to upload// const firstFilePath = 'your-first-file-name';// The ID of the second GCS file to upload// const secondFilePath = 'your-second-file-name';// Imports the Google Cloud client libraryconst{Storage,TransferManager}=require('@google-cloud/storage');// Creates a clientconststorage=newStorage();// Creates a transfer manager clientconsttransferManager=newTransferManager(storage.bucket(bucketName));asyncfunctionuploadManyFilesWithTransferManager(){// Uploads the filesawaittransferManager.uploadManyFiles([firstFilePath,secondFilePath]);for(constfilePathof[firstFilePath,secondFilePath]){console.log(`${filePath}uploaded to${bucketName}.`);}}uploadManyFilesWithTransferManager().catch(console.error);
The following sample uploads all objects with a common prefix concurrently:
/*** TODO(developer): Uncomment the following lines before running the sample.*/// The ID of your GCS bucket// const bucketName = 'your-unique-bucket-name';// The local directory to upload// const directoryName = 'your-directory';// Imports the Google Cloud client libraryconst{Storage,TransferManager}=require('@google-cloud/storage');// Creates a clientconststorage=newStorage();// Creates a transfer manager clientconsttransferManager=newTransferManager(storage.bucket(bucketName));asyncfunctionuploadDirectoryWithTransferManager(){// Uploads the directoryawaittransferManager.uploadManyFiles(directoryName);console.log(`${directoryName}uploaded to${bucketName}.`);}uploadDirectoryWithTransferManager().catch(console.error);
use Google\Cloud\Storage\StorageClient;/*** Upload a file.** @param string $bucketName The name of your Cloud Storage bucket.* (e.g. 'my-bucket')* @param string $objectName The name of your Cloud Storage object.* (e.g. 'my-object')* @param string $source The path to the file to upload.* (e.g. '/path/to/your/file')*/function upload_object(string $bucketName, string $objectName, string $source): void{$storage = new StorageClient();if (!$file = fopen($source, 'r')) {throw new \InvalidArgumentException('Unable to open file for reading');}$bucket = $storage->bucket($bucketName);$object = $bucket->upload($file, ['name' => $objectName]);printf('Uploaded %s to gs://%s/%s' . PHP_EOL, basename($source), $bucketName, $objectName);}
The following sample uploads an individual object:
fromgoogle.cloudimportstoragedefupload_blob(bucket_name,source_file_name,destination_blob_name):"""Uploads a file to the bucket."""# The ID of your GCS bucket# bucket_name = "your-bucket-name"# The path to your file to upload# source_file_name = "local/path/to/file"# The ID of your GCS object# destination_blob_name = "storage-object-name"storage_client=storage.Client()bucket=storage_client.bucket(bucket_name)blob=bucket.blob(destination_blob_name)# Optional: set a generation-match precondition to avoid potential race conditions# and data corruptions. The request to upload is aborted if the object's# generation number does not match your precondition. For a destination# object that does not yet exist, set the if_generation_match precondition to 0.# If the destination object already exists in your bucket, set instead a# generation-match precondition using its generation number.generation_match_precondition=0blob.upload_from_filename(source_file_name,if_generation_match=generation_match_precondition)print(f"File{source_file_name}uploaded to{destination_blob_name}.")
The following sample uploads multiple objects concurrently:
defupload_many_blobs_with_transfer_manager(bucket_name,filenames,source_directory="",workers=8):"""Upload every file in a list to a bucket, concurrently in a process pool.Each blob name is derived from the filename, not including the`source_directory` parameter. For complete control of the blob name for eachfile (and other aspects of individual blob metadata), usetransfer_manager.upload_many() instead."""# The ID of your GCS bucket# bucket_name = "your-bucket-name"# A list (or other iterable) of filenames to upload.# filenames = ["file_1.txt", "file_2.txt"]# The directory on your computer that is the root of all of the files in the# list of filenames. This string is prepended (with os.path.join()) to each# filename to get the full path to the file. Relative paths and absolute# paths are both accepted. This string is not included in the name of the# uploaded blob; it is only used to find the source files. An empty string# means "the current working directory". Note that this parameter allows# directory traversal (e.g. "/", "../") and is not intended for unsanitized# end user input.# source_directory=""# The maximum number of processes to use for the operation. The performance# impact of this value depends on the use case, but smaller files usually# benefit from a higher number of processes. Each additional process occupies# some CPU and memory resources until finished. Threads can be used instead# of processes by passing `worker_type=transfer_manager.THREAD`.# workers=8fromgoogle.cloud.storageimportClient,transfer_managerstorage_client=Client()bucket=storage_client.bucket(bucket_name)results=transfer_manager.upload_many_from_filenames(bucket,filenames,source_directory=source_directory,max_workers=workers)forname,resultinzip(filenames,results):# The results list is either `None` or an exception for each filename in# the input list, in order.ifisinstance(result,Exception):print("Failed to upload{}due to exception:{}".format(name,result))else:print("Uploaded{}to{}.".format(name,bucket.name))
The following sample uploads all objects with a common prefix concurrently:
defupload_directory_with_transfer_manager(bucket_name,source_directory,workers=8):"""Upload every file in a directory, including all files in subdirectories.Each blob name is derived from the filename, not including the `directory`parameter itself. For complete control of the blob name for each file (andother aspects of individual blob metadata), usetransfer_manager.upload_many() instead."""# The ID of your GCS bucket# bucket_name = "your-bucket-name"# The directory on your computer to upload. Files in the directory and its# subdirectories will be uploaded. An empty string means "the current# working directory".# source_directory=""# The maximum number of processes to use for the operation. The performance# impact of this value depends on the use case, but smaller files usually# benefit from a higher number of processes. Each additional process occupies# some CPU and memory resources until finished. Threads can be used instead# of processes by passing `worker_type=transfer_manager.THREAD`.# workers=8frompathlibimportPathfromgoogle.cloud.storageimportClient,transfer_managerstorage_client=Client()bucket=storage_client.bucket(bucket_name)# Generate a list of paths (in string form) relative to the `directory`.# This can be done in a single list comprehension, but is expanded into# multiple lines here for clarity.# First, recursively get all files in `directory` as Path objects.directory_as_path_obj=Path(source_directory)paths=directory_as_path_obj.rglob("*")# Filter so the list only includes files, not directories themselves.file_paths=[pathforpathinpathsifpath.is_file()]# These paths are relative to the current working directory. Next, make them# relative to `directory`relative_paths=[path.relative_to(source_directory)forpathinfile_paths]# Finally, convert them all to strings.string_paths=[str(path)forpathinrelative_paths]print("Found{}files.".format(len(string_paths)))# Start the upload.results=transfer_manager.upload_many_from_filenames(bucket,string_paths,source_directory=source_directory,max_workers=workers)forname,resultinzip(string_paths,results):# The results list is either `None` or an exception for each filename in# the input list, in order.ifisinstance(result,Exception):print("Failed to upload{}due to exception:{}".format(name,result))else:print("Uploaded{}to{}.".format(name,bucket.name))
defupload_filebucket_name:,local_file_path:,file_name:nil# The ID of your GCS bucket# bucket_name = "your-unique-bucket-name"# The path to your file to upload# local_file_path = "/local/path/to/file.txt"# The ID of your GCS object# file_name = "your-file-name"require"google/cloud/storage"storage=Google::Cloud::Storage.newbucket=storage.bucketbucket_name,skip_lookup:truefile=bucket.create_filelocal_file_path,file_nameputs"Uploaded#{local_file_path}as#{file.name}in bucket#{bucket_name}"end
Terraform
# Upload a simple index.html page to the bucket
resource "google_storage_bucket_object" "indexpage" {
name = "index.html"
content = "<html><body>Hello World!</body></html>"
content_type = "text/html"
bucket = google_storage_bucket.static_website.id
}
# Upload a simple 404 / error page to the bucket
resource "google_storage_bucket_object" "errorpage" {
name = "404.html"
content = "<html><body>404!</body></html>"
content_type = "text/html"
bucket = google_storage_bucket.static_website.id
}
usingGoogle.Apis.Storage.v1.Data;usingGoogle.Cloud.Storage.V1;usingSystem;usingSystem.Collections.Generic;publicclassMakeBucketPublicSample{publicvoidMakeBucketPublic(stringbucketName="your-unique-bucket-name"){varstorage=StorageClient.Create();Policypolicy=storage.GetBucketIamPolicy(bucketName);policy.Bindings.Add(newPolicy.BindingsData{Role="roles/storage.objectViewer",Members=newList<string>{"allUsers"}});storage.SetBucketIamPolicy(bucketName,policy);Console.WriteLine(bucketName+" is now public ");}}
import("context""fmt""io""cloud.google.com/go/iam""cloud.google.com/go/iam/apiv1/iampb""cloud.google.com/go/storage")// setBucketPublicIAM makes all objects in a bucket publicly readable.funcsetBucketPublicIAM(wio.Writer,bucketNamestring)error{// bucketName := "bucket-name"ctx:=context.Background()client,err:=storage.NewClient(ctx)iferr!=nil{returnfmt.Errorf("storage.NewClient: %w",err)}deferclient.Close()policy,err:=client.Bucket(bucketName).IAM().V3().Policy(ctx)iferr!=nil{returnfmt.Errorf("Bucket(%q).IAM().V3().Policy: %w",bucketName,err)}role:="roles/storage.objectViewer"policy.Bindings=append(policy.Bindings,&iampb.Binding{Role:role,Members:[]string{iam.AllUsers},})iferr:=client.Bucket(bucketName).IAM().V3().SetPolicy(ctx,policy);err!=nil{returnfmt.Errorf("Bucket(%q).IAM().SetPolicy: %w",bucketName,err)}fmt.Fprintf(w,"Bucket %v is now publicly readable\n",bucketName)returnnil}
importcom.google.cloud.Identity;importcom.google.cloud.Policy;importcom.google.cloud.storage.Storage;importcom.google.cloud.storage.StorageOptions;importcom.google.cloud.storage.StorageRoles;publicclassMakeBucketPublic{publicstaticvoidmakeBucketPublic(StringprojectId,StringbucketName){// The ID of your GCP project// String projectId = "your-project-id";// The ID of your GCS bucket// String bucketName = "your-unique-bucket-name";Storagestorage=StorageOptions.newBuilder().setProjectId(projectId).build().getService();PolicyoriginalPolicy=storage.getIamPolicy(bucketName);storage.setIamPolicy(bucketName,originalPolicy.toBuilder().addIdentity(StorageRoles.objectViewer(),Identity.allUsers())// All users can view.build());System.out.println("Bucket "+bucketName+" is now publicly readable");}}
/*** TODO(developer): Uncomment the following lines before running the sample.*/// The ID of your GCS bucket// const bucketName = 'your-unique-bucket-name';// Imports the Google Cloud client libraryconst{Storage}=require('@google-cloud/storage');// Creates a clientconststorage=newStorage();asyncfunctionmakeBucketPublic(){awaitstorage.bucket(bucketName).makePublic();console.log(`Bucket${bucketName}is now publicly readable`);}makeBucketPublic().catch(console.error);
use Google\Cloud\Storage\StorageClient;/*** Update the specified bucket's IAM configuration to make it publicly accessible.** @param string $bucketName The name of your Cloud Storage bucket.* (e.g. 'my-bucket')*/function set_bucket_public_iam(string $bucketName): void{$storage = new StorageClient();$bucket = $storage->bucket($bucketName);$policy = $bucket->iam()->policy(['requestedPolicyVersion' => 3]);$policy['version'] = 3;$role = 'roles/storage.objectViewer';$members = ['allUsers'];$policy['bindings'][] = ['role' => $role,'members' => $members];$bucket->iam()->setPolicy($policy);printf('Bucket %s is now public', $bucketName);}
fromtypingimportListfromgoogle.cloudimportstoragedefset_bucket_public_iam(bucket_name:str="your-bucket-name",members:List[str]=["allUsers"],):"""Set a public IAM Policy to bucket"""# bucket_name = "your-bucket-name"storage_client=storage.Client()bucket=storage_client.bucket(bucket_name)policy=bucket.get_iam_policy(requested_policy_version=3)policy.bindings.append({"role":"roles/storage.objectViewer","members":members})bucket.set_iam_policy(policy)print(f"Bucket{bucket.name}is now publicly readable")
defset_bucket_public_iambucket_name:# The ID of your GCS bucket# bucket_name = "your-unique-bucket-name"require"google/cloud/storage"storage=Google::Cloud::Storage.newbucket=storage.bucketbucket_namebucket.policydo|p|p.add"roles/storage.objectViewer","allUsers"endputs"Bucket#{bucket_name}is now publicly readable"end
Terraform
# Make bucket public by granting allUsers storage.objectViewer access
resource "google_storage_bucket_iam_member" "public_rule" {
bucket = google_storage_bucket.static_website.name
role = "roles/storage.objectViewer"
member = "allUsers"
}
JSON_FILE_NAMEis the path for the JSON
file that you created in Step 2.
BUCKET_NAMEis the name of the bucket
whose objects you want to make public. For example,my-static-assets.
XML API
Making all objects in a bucket publicly readable is not supported by
the XML API. Use the Google Cloud console orgcloud storageinstead,
orset ACLs for each individual object. Note that in order to set
ACLs for each individual object, you must switch your bucket'sAccess controlmode toFine-grained.
Visitors receive ahttp 403response code when requesting the URL for a
non-public or non-existent file. See the next section for information on how to
add an error page that uses ahttp 404response code.
Recommended: assign specialty pages
You can assign an index page suffix and a custom error page, which are known as
specialty pages. Assigning either is optional, but if you don't assign an index
page suffix and upload the corresponding index page, users who access your
top-level site are served an XML document tree containing a list of the public
objects in your bucket.
For more information on the behavior of specialty pages, seeSpecialty pages.
Console
In the Google Cloud console, go to the Cloud StorageBucketspage.
namespacegcs=::google::cloud::storage;using::google::cloud::StatusOr;[](gcs::Clientclient,std::stringconst&bucket_name,std::stringconst&main_page_suffix,std::stringconst¬_found_page){StatusOr<gcs::BucketMetadata>original=client.GetBucketMetadata(bucket_name);if(!original)throwstd::move(original).status();StatusOr<gcs::BucketMetadata>patched=client.PatchBucket(bucket_name,gcs::BucketMetadataPatchBuilder().SetWebsite(gcs::BucketWebsite{main_page_suffix,not_found_page}),gcs::IfMetagenerationMatch(original->metageneration()));if(!patched)throwstd::move(patched).status();if(!patched->has_website()){std::cout<<"Static website configuration is not set for bucket "<<patched->name()<<"\n";return;}std::cout<<"Static website configuration successfully set for bucket "<<patched->name()<<"\nNew main page suffix is: "<<patched->website().main_page_suffix<<"\nNew not found page is: "<<patched->website().not_found_page<<"\n";}
usingGoogle.Apis.Storage.v1.Data;usingGoogle.Cloud.Storage.V1;usingSystem;publicclassBucketWebsiteConfigurationSample{publicBucketBucketWebsiteConfiguration(stringbucketName="your-bucket-name",stringmainPageSuffix="index.html",stringnotFoundPage="404.html"){varstorage=StorageClient.Create();varbucket=storage.GetBucket(bucketName);if(bucket.Website==null){bucket.Website=newBucket.WebsiteData();}bucket.Website.MainPageSuffix=mainPageSuffix;bucket.Website.NotFoundPage=notFoundPage;bucket=storage.UpdateBucket(bucket);Console.WriteLine($"Static website bucket {bucketName} is set up to use {mainPageSuffix} as the index page and {notFoundPage} as the 404 not found page.");returnbucket;}}
import("context""fmt""io""time""cloud.google.com/go/storage")// setBucketWebsiteInfo sets website configuration on a bucket.funcsetBucketWebsiteInfo(wio.Writer,bucketName,indexPage,notFoundPagestring)error{// bucketName := "www.example.com"// indexPage := "index.html"// notFoundPage := "404.html"ctx:=context.Background()client,err:=storage.NewClient(ctx)iferr!=nil{returnfmt.Errorf("storage.NewClient: %w",err)}deferclient.Close()ctx,cancel:=context.WithTimeout(ctx,time.Second*10)defercancel()bucket:=client.Bucket(bucketName)bucketAttrsToUpdate:=storage.BucketAttrsToUpdate{Website:&storage.BucketWebsite{MainPageSuffix:indexPage,NotFoundPage:notFoundPage,},}if_,err:=bucket.Update(ctx,bucketAttrsToUpdate);err!=nil{returnfmt.Errorf("Bucket(%q).Update: %w",bucketName,err)}fmt.Fprintf(w,"Static website bucket %v is set up to use %v as the index page and %v as the 404 page\n",bucketName,indexPage,notFoundPage)returnnil}
importcom.google.cloud.storage.Bucket;importcom.google.cloud.storage.Storage;importcom.google.cloud.storage.StorageOptions;publicclassSetBucketWebsiteInfo{publicstaticvoidsetBucketWesbiteInfo(StringprojectId,StringbucketName,StringindexPage,StringnotFoundPage){// The ID of your GCP project// String projectId = "your-project-id";// The ID of your static website bucket// String bucketName = "www.example.com";// The index page for a static website bucket// String indexPage = "index.html";// The 404 page for a static website bucket// String notFoundPage = "404.html";Storagestorage=StorageOptions.newBuilder().setProjectId(projectId).build().getService();Bucketbucket=storage.get(bucketName);bucket.toBuilder().setIndexPage(indexPage).setNotFoundPage(notFoundPage).build().update();System.out.println("Static website bucket "+bucketName+" is set up to use "+indexPage+" as the index page and "+notFoundPage+" as the 404 page");}}
/*** TODO(developer): Uncomment the following lines before running the sample.*/// The ID of your GCS bucket// const bucketName = 'your-unique-bucket-name';// The name of the main page// const mainPageSuffix = 'http://example.com';// The Name of a 404 page// const notFoundPage = 'http://example.com/404.html';// Imports the Google Cloud client libraryconst{Storage}=require('@google-cloud/storage');// Creates a clientconststorage=newStorage();asyncfunctionaddBucketWebsiteConfiguration(){awaitstorage.bucket(bucketName).setMetadata({website:{mainPageSuffix,notFoundPage,},});console.log(`Static website bucket${bucketName}is set up to use${mainPageSuffix}as the index page and${notFoundPage}as the 404 page`);}addBucketWebsiteConfiguration().catch(console.error);
use Google\Cloud\Storage\StorageClient;/*** Update the given bucket's website configuration.** @param string $bucketName The name of your Cloud Storage bucket.* (e.g. 'my-bucket')* @param string $indexPageObject the name of an object in the bucket to use as* (e.g. 'index.html')* an index page for a static website bucket.* @param string $notFoundPageObject the name of an object in the bucket to use* (e.g. '404.html')* as the 404 Not Found page.*/function define_bucket_website_configuration(string $bucketName, string $indexPageObject, string $notFoundPageObject): void{$storage = new StorageClient();$bucket = $storage->bucket($bucketName);$bucket->update(['website' => ['mainPageSuffix' => $indexPageObject,'notFoundPage' => $notFoundPageObject]]);printf('Static website bucket %s is set up to use %s as the index page and %s as the 404 page.',$bucketName,$indexPageObject,$notFoundPageObject);}
fromgoogle.cloudimportstoragedefdefine_bucket_website_configuration(bucket_name,main_page_suffix,not_found_page):"""Configure website-related properties of bucket"""# bucket_name = "your-bucket-name"# main_page_suffix = "index.html"# not_found_page = "404.html"storage_client=storage.Client()bucket=storage_client.get_bucket(bucket_name)bucket.configure_website(main_page_suffix,not_found_page)bucket.patch()print("Static website bucket{}is set up to use{}as the index page and{}as the 404 page".format(bucket.name,main_page_suffix,not_found_page))returnbucket
defdefine_bucket_website_configurationbucket_name:,main_page_suffix:,not_found_page:# The ID of your static website bucket# bucket_name = "www.example.com"# The index page for a static website bucket# main_page_suffix = "index.html"# The 404 page for a static website bucket# not_found_page = "404.html"require"google/cloud/storage"storage=Google::Cloud::Storage.newbucket=storage.bucketbucket_namebucket.updatedo|b|b.website_main=main_page_suffixb.website_404=not_found_pageendputs"Static website bucket#{bucket_name}is set up to use#{main_page_suffix}as the index page and "\"#{not_found_page}as the 404 page"end
Cloud Storage doesn't support custom domains with HTTPS on its own, so you also
need to set up anSSL certificateattached to anHTTPS load balancerto serve your website through HTTPS. This section shows you how to add your
bucket to a load balancer's backend and how to add a newGoogle-managed SSL certificateto the load balancer's frontend.
Select the load balancer type
In the Google Cloud console, go to theLoad balancingpage.
ForType of load balancer, selectApplication Load Balancer
(HTTP/HTTPS)and clickNext.
ClickConfigure.
The configuration window for your load balancer appears.
Basic configuration
Before continuing with the configuration, enter aLoad balancer name, such asexample-lb.
Configure the frontend
This section shows you how to configure the HTTPS protocol and create an SSL
certificate. You can also select an existing certificate or upload aself-managed SSL certificate.
ClickFrontend configuration.
(Optional) Give your frontend configuration aName.
ForProtocol, selectHTTPS (includes HTTP/2).
ForIP version, selectIPv4. If you prefer IPv6, seeIPv6 terminationfor additional information.
For theIP addressfield:
In the drop-down, clickCreate IP address.
In theReserve a new static IP addressdialog, enter a name, such
asexample-ipfor theNameof the IP address.
ClickReserve.
ForPort, select443.
In theCertificatefield dropdown, selectCreate a new certificate.
The certificate creation form appears in a panel. Configure the following:
ForDomains, enter your website name, such aswww.example.com. If
you want to serve your content through additional domains such as the root
domainexample.com, pressEnterto add them on additional lines.
Each certificate has alimitof 100 domains.
ClickCreate.
(Optional) If you want Google Cloud to automatically set up apartial HTTP load balancerfor redirecting HTTP traffic, select the
checkbox next toEnable HTTP to HTTPS redirect.
ClickDone.
Configure the backend
ClickBackend configuration.
In theBackend services & backend bucketsdropdown, clickCreate
a backend bucket.
Choose aBackend bucket name, such asexample-bucket. The name you
choose can be different from the name of the bucket you created earlier.
ClickBrowse, found in theCloud Storage bucketfield.
Select themy-static-assetsbucket you created earlier, and clickSelect.
(Optional) If you want to useCloud CDN, select the checkbox forEnable Cloud CDNand configure Cloud CDN as desired. Note that
Cloud CDN may incuradditional costs.
ClickCreate.
Configure routing rules
Routing rules are the components of an external Application Load Balancer'sURL map. For
this tutorial, you should skip this portion of the load balancer configuration,
because it is automatically set to use the backend you just configured.
Review the configuration
ClickReview and finalize.
Review theFrontend,Routing rules, andBackend.
ClickCreate.
You may need to wait a few minutes for the load balancer to be created.
Connect your domain to your load balancer
After the load balancer is created, click the name of your load balancer:example-lb. Note the IP address associated with the load balancer: for
example,30.90.80.100. To point your domain to your load balancer, create anArecord using your domain registration service. If you added multiple domains
to your SSL certificate, you must add anArecord for each one, all pointing
to the load balancer's IP address. For example, to createArecords forwww.example.comandexample.com:
NAME TYPE DATA
www A 30.90.80.100
@ A 30.90.80.100
It might take up to 60-90 minutes for Google Cloud to provision the certificate
and make the site available through the load balancer. To monitor the status
of your certificate:
Once the SSL certificate is active, verify that content is served from the
bucket by going tohttps://www.example.com/test.html, wheretest.htmlis an
object stored in the bucket that you're using as the backend. If you set theMainPageSuffixproperty,https://www.example.comgoes toindex.html.
Clean up
After you finish the tutorial, you can clean up the resources that you created
so that they stop using quota and incurring charges. The following sections
describe how to delete or turn off these resources.
Delete the project
The easiest way to eliminate billing is to delete the project that you
created for the tutorial.
To delete the project:
In the Google Cloud console, go to theManage resourcespage.
(Optional) Select the checkbox next to the resources you want to delete along
with the load balancer, such as themy-static-assetsbucket or theexample-sslSSL certificate.
ClickDelete load balancerorDelete load balancer and the selected
resources.
Release a reserved IP address
To delete the reserved IP address you used for the tutorial:
In the Google Cloud console, go to theExternal IP addressespage.
If you're new to Google Cloud, create an account to evaluate how
Cloud Storage performs in real-world
scenarios. New customers also get $300 in free credits to run, test, and
deploy workloads.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Hard to understand","hardToUnderstand","thumb-down"],["Incorrect information or sample code","incorrectInformationOrSampleCode","thumb-down"],["Missing the information/samples I need","missingTheInformationSamplesINeed","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-09-04 UTC."],[],[],null,[]]