Google Cloud

How to Host Static Website on Google Cloud

by Niyander

Hello friends today i am gone to teach you how you can host your static website on google cloud using Google Cloud Storage

How to Host Static Website on Google Cloud

What is Google Cloud Storage ?

Google Cloud Storage is an enterprise public cloud storage platform that can house large unstructured data sets. Companies can purchase the storage for primary or infrequently accessed data.

ย What is GCP storage and storage bucket ?
The Buckets resource represents a bucket in Cloud Storage. There is a single global namespace shared by all buckets. For more information, see Bucket Name Requirements. Buckets contain objects which can be accessed by their own methods.

ย 

Let’s do particleย 

Step1) First Login to your google Cloud Account:

Create Cloud Storage

In Left Sidebar Search Cloud Storage > Browser

  • Click on Browser
Search Storage

Ones you are onย  Cloud Storage Browser page. Click

  • Create bucket
Create Bucket

New page Open Fillย all Details:

Name your bucket

  • my_website12
  • Clickย Continue
Choose where to store your data
Location type
  • Multi-region
  • Clickย Continue
Highest availability across largest area us (multiple regions in United States)
ย 
Choose a default storage class for your data
  • Standard
  • Clickย Continue
ย 
Choose how to control access to objects
  • Uniform
  • Clickย Continue

Click Create.

settings for storage

Note: Please do not Make public write now

Step 2) Uploading your website’s files

Ones your bucket is created upload your website folder using upload folder button
  • when your folder all files uploaded
  • Go to permissionย tabย 
  • and click to Switch to Fine Grained
  • and Select Fine Grained
upload folder

ย 

go to permission

ย 

switch edit permission

ย 

edit permission

ย 

Step 3) Sharing your files in Public

To see your website on browser you need to make public for all users.

  • Select index.html
  • click on 3 dots
  • click on editย permissions
  • Add Entry
Entry
  • Public
Name
  • allurers
Access
  • Reader
Click Save

 

last

 

Step 4) See Your Website on Browser

Now your website is Public
To view your website copy public URL and open in new tab.
  • https://storage.googleapis.com/my_websitess12/love%20bot/index.html
If you can not find Public URL go to inside of Index.html
you will get 2 URL
  1. Public URL
  2. Authentication URL
  3. copy public URL and open in new tab

 

Also visit: How to delete google workspace account

 

I Hope You Like my Articles. Follow me for more such like this Content
ย