First, we need to create a Bucket this is because we need to upload files, this creates a place to store them on AWS. We then have to locate the region as US West. Then turn on versioning and logging, just in case we need to version anything off for backup. Turn on logging so we can see if the logs have any issues.
Inside of the Resources Bucket we create five folders label them as;
- * siteimages
- * productimages
- * css
- * js
- * configurations
After these are created we upload the content into the product images which we then put into the Amber’s Dino Store resources folder. There are two different folders which we upload into, these are called; Product images and Site images. The Site images are for the website banners.
Go into the Visual Studio program and then into the content folder, this will lead you to the bootstrap.css file where we will find the Source Background image. This is done via the Ctrl – f function. The Background picture will be replaced with the link for the Site image. You also need to go through and made sure everyone has permission to view this folder.
Once this is saved we need to upload the next files from the local folder and into the AWS container. These are the files below.
After this we need to find the Index file, this is under the Solution items. Then we need to delete the old link and replace with the new link to the AWS folder. We now have a folder which loads from the AWS, instead of the local, you can see this below.
The next step is to go into the other bucket “ambersdinostoredegraded“, and upload the Index file into it. Once this is done you need to make sure the file is public, so go in and change the Permissions.
Now we need to make the Bucket act as a website, this is done via the Properties which is inside the Bucket. Here you can have the option to upload your own Error page, this is shown below.
Now we need to go into the SQl work bench, here we will go into the image reference for the individual Dinosaur. Then change the links from the local host to the AWS folder, this is shown below.
Now we can build the project. You can go in and inspect the elements to see where they are pulling the different images from, they should be from the AWS.
This lab is finished.