WEBVTT

00:00.000 --> 00:02.920
Deploying applications to the cloud.

00:02.920 --> 00:05.200
In this video, we will understand,

00:05.200 --> 00:09.240
analyze the steps involved in deploying a web application.

00:09.240 --> 00:15.400
Learn how to configure AWS services like S3 and Access Keys.

00:15.400 --> 00:17.880
Successfully deploy a static website

00:17.880 --> 00:20.120
and make it available through AWS.

00:22.720 --> 00:26.240
Application deployment means putting digital assets online,

00:26.240 --> 00:28.760
so people around the world can use them.

00:28.760 --> 00:32.000
Just like two students using VR to explore a connected world

00:32.000 --> 00:37.280
full of music, shopping, and many more services.

00:37.280 --> 00:40.920
In this lesson, we will explore how to deploy web applications

00:40.920 --> 00:45.480
on cloud platforms like AWS.

00:45.480 --> 00:48.440
Let's understand the process of deploying applications

00:48.440 --> 00:52.880
to the cloud using AWS.

00:52.880 --> 00:57.760
Step one, log into the AWS console.

00:57.760 --> 01:00.480
Go to the AWS Management Console.

01:00.480 --> 01:02.720
Log in with your AWS credentials.

01:08.160 --> 01:11.400
Step two, create access key.

01:11.400 --> 01:15.440
An access key helps to access specific AWS services

01:15.440 --> 01:18.720
without logging into the main AWS console.

01:18.720 --> 01:20.800
Go to users on the sidebar.

01:20.800 --> 01:22.320
Click on your username.

01:22.320 --> 01:25.560
Go to the Security Credentials tab.

01:25.600 --> 01:32.240
Scroll to Access Keys and click on Create Access Key.

01:32.240 --> 01:35.200
Step three, preparing files.

01:35.200 --> 01:38.080
Make sure all files are ready to use.

01:38.080 --> 01:42.880
In the index.html file, add the AWS script link

01:42.880 --> 01:44.960
so that the application knows what to do

01:44.960 --> 01:48.360
when receiving the user input via the cloud.

01:48.360 --> 01:53.080
Open JavaScript file and update the AWS configuration.

01:53.080 --> 01:56.520
Step four, create an S3 bucket.

01:56.520 --> 02:02.720
In the AWS console, search for and select S3.

02:02.720 --> 02:06.200
Click Create Bucket.

02:06.200 --> 02:11.040
Give the bucket a unique name, example note storage app.

02:11.040 --> 02:13.960
Uncheck block all public access.

02:13.960 --> 02:16.520
This is needed for public web hosting.

02:16.520 --> 02:20.080
Acknowledge the warning about public access.

02:20.080 --> 02:22.360
And click Create Bucket.

02:22.360 --> 02:26.760
Step five, upload files to the S3 bucket.

02:26.760 --> 02:30.040
Go to the Objects tab and click Upload.

02:30.040 --> 02:31.760
Click Add Files.

02:31.760 --> 02:34.440
Select all the files and click Upload.

02:34.440 --> 02:36.240
And wait for the upload to complete.

02:41.520 --> 02:45.480
Step six, enable Static Website Hosting.

02:45.480 --> 02:47.880
Navigate to the Properties tab.

02:47.880 --> 02:51.800
Scroll to Static Website Hosting and click Edit.

02:51.800 --> 02:53.400
Choose Enable.

02:53.400 --> 02:59.120
Under index document, enter index.html or leave it default.

02:59.120 --> 03:03.240
Click on Save Changes.

03:03.240 --> 03:07.840
Step seven, set up bucket policy for public access.

03:07.840 --> 03:09.640
Go to the Permissions tab.

03:09.640 --> 03:13.520
Scroll to bucket policy and click Edit.

03:13.520 --> 03:18.280
Add policy and click on Save Changes.

03:18.280 --> 03:21.760
Step eight, access your web page.

03:21.920 --> 03:26.560
Once the bucket is set properly, you will be redirected to URL page.

03:26.560 --> 03:29.200
Copy the URL from the end of the page.

03:29.200 --> 03:31.280
Paste it into your browser.

03:31.280 --> 03:35.320
And finally, your web page is now live in the cloud.

03:35.320 --> 03:39.800
Feel free to update it, share the link, and save your changes whenever you need.