IBM Cloud

How to Host a Static Website on IBM Cloud

by Niyander

Hello Friends today i am gone to tell you how you can host your first Static website on IBM Cloud.

Also visit:  Project Build and Deploy a Simple Guestbook App

 

How to Host a Static Website on IBM Cloud

So Some Question Raise just Like 

  • Where we Store our files ?
  • How can store a file ?
  • How can i Host Static Website ?
  • Which service we are using & it is free or paid ?</span >
 
In IBM Cloud There are So Many Services and almost every Services have a Lite plan ( Lite Plan Means:  Free plan for everyone | life time is free.
SO in the order to Store your files on IBM Cloud we can use a Popular Service.
  • IBM Cloud Object Storage

IF you Don’t Know about IBM Cloud Object Storage it is Just like GCP Cloud Storage Bucket

What is IBM Cloud Object Storage ?

  • IBM Cloud Object Storage supports exponential data growth and cloud-native workloads with built-in high-speed file transfer capabilities, cross-region offerings and integrated services. The IBM® Aspera® high-speed data transfer option makes it easy to transfer data, and flexible storage class tiers help manage costs while meeting data access needs.</span >

Theory is Over Lets do Some Cool Stuff.

So What we Need:

Step 1) Create IBM Cloud account

 

Step 2) Very your Email and Login to your IBM Cloud Account 

 

Your static website structure like this

COS is Flat Storage it means you can not use Folder structure in this.

  • index.html —File
 
For Demo static website you can download & use this..</span >
  • https:love.bot.com
 
Step 3) Ones You Long IBM Cloud Dashboard open.
  • Click on Create Recourse.
  • In IBM Catalog Page 
  • Search Object storage
 
Step 4) Click on Object storage and then 
  • Create Object storage
Object storage setting.
  • Select Lite plan.
  • Give Unique any name
  • Click Create.
Ones Everything Done Then you can See Get started gape like this.
  • Getting started page </span >appear
  • Click on </span >buckets

 

Step 5) Now your Object storage is ready then Now we can Create a Bucket 
  • Click on Bucket
  • Select Host a static website</span >
  • Click Create.

 

 

 

Step 5) Now put some details

  • unique website name
  • Select Host a static website
  • Put index.html  </span >on Static web Hosting</span >
  • Public access  On
  • Click Next.
 
 
 
Step 6) Now upload your index.html , you can also drag & drop a file.
  • Click Next
  • then Click View bucket configuration

 

 
Step 7) Now everything is set..
  • Click on Bucket Objects
  • then Click View bucket configuration
  • Click on 3 dots
  • select object details
  • Copy Public link and open in new Tab
 
 

 

Step 8) Open New tab in chrome an past your URL:</span >

  • http://my-first-static-website-cos-static-web-hosting-962.s3.jp-tok.cloud-object-storage.appdomain.cloud/index.html</strike ></span >

 

 

If you Get any Error Please Check Access Policies </span >
  • Click on access policies
  • Select Public access 

Access group

  • Public access</span >

Role for this bucket:

  • Content reader</span >
Create access policy.
And then Go to
  • Click on Bucket Objects
  • then Click View bucket configuration
  • Click on 3 dots
  • select object details
  • Copy Public link and open in new Tab
Congratulation
  • You successfully Host Your First Static Website on IBM Cloud.