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.