Dependencies:\u00a0<\/h2>\n\n- \n
Have an account that accesses the AWS console and has permission to create an S3 bucket.<\/p>\n<\/li>\n
- \n
Own or Create the source code<\/span><\/a><\/span> for your website. This article’s topic is: “Merry Christmas”.<\/p>\n<\/li>\n<\/ul>\nCreate S3 bucket on Amazon S3<\/h2>\n
Step 1:<\/strong> Access AWS Management Console<\/strong> \u2192 go to Amazon S3<\/span><\/strong> \u2192 select <\/span>Create bucket<\/span><\/strong> \u2192 type new <\/span>Bucket Name, <\/span><\/strong>uncheck<\/span>\u00a0<\/span>Block all public access<\/span><\/strong> \u2192 select Create bucket.<\/strong><\/span><\/p>\n![\"\"](\"https:\/\/vticloud.io\/wp-content\/uploads\/2020\/12\/s3-xmas.png\")
<\/p>\n
Step 2:<\/strong> In the created bucket, go to bucket \u2192 select tab Properties.<\/span><\/strong><\/p>\n![\"\"](\"https:\/\/vticloud.io\/wp-content\/uploads\/2020\/12\/s3-xmas-1.png\")
<\/p>\n
Step 3:<\/strong> Scroll down to Static website hosting<\/span><\/strong> \u2192 select <\/span>Edit<\/span><\/strong> \u2192 select <\/span>Enable<\/span><\/strong> \u2192 select <\/span>Host a static website<\/span><\/strong> \u2192 in <\/span>Index document,<\/span><\/strong> type <\/span>index.html<\/span><\/strong> \u2192 In <\/span>Error document,<\/span><\/strong> type <\/span>error.html<\/span><\/strong> or whatever name (this entry we don’t use so we just enter it to be valid) \u2192 finally, select <\/span>Save changes.<\/span><\/strong><\/p>\n![\"static](\"https:\/\/vticloud.io\/wp-content\/uploads\/2020\/12\/static-web-host-with-s3.png\")
<\/p>\n
Public static website<\/h2>\n
Step 1:<\/strong> After saving, we will see the access link to our website, remember to copy this link for later access.<\/p>\n![\"\"](\"https:\/\/vticloud.io\/wp-content\/uploads\/2020\/12\/static-web-host-with-s3-2.png\")
<\/p>\n
Step 2: <\/strong>Roll back to Objects<\/span><\/strong> and select <\/span>Upload<\/span><\/strong> to upload all files of your static website.<\/p>\n![\"\"](\"https:\/\/vticloud.io\/wp-content\/uploads\/2020\/12\/static-web-host-with-s3-3.png\")
<\/p>\n
Step 3: <\/strong>Next we select all the files \u2192 select Actions<\/strong> \u2192 select Actions<\/span><\/strong> \u2192 select <\/span>Make public.<\/span><\/strong><\/p>\n![\"\"](\"https:\/\/vticloud.io\/wp-content\/uploads\/2020\/12\/static-web-host-with-s3-4.png\")
<\/p>\n
Enjoy the results! Easy to create a simple website within minutes.<\/h3>\n
And now it’s time to enjoy the results, you can use the link above to access your website, which is the link of this article. Here are some projects for you to refer to:<\/p>\n
http:\/\/vticloud-xmas-tree.s3-website-ap-southeast-1.amazonaws.com\/<\/a><\/span><\/p>\nBe sure to scroll all the way down<\/strong> to see your best wishes, Merry Christmas!<\/p>\n![\"s3](\"https:\/\/vticloud.io\/wp-content\/uploads\/2020\/12\/s3-static-website.jpg\")
<\/p>\n
http:\/\/vticloud-xmas-tree1.s3-website-ap-southeast-1.amazonaws.com\/<\/span><\/a><\/p>\n![\"\"](\"https:\/\/vticloud.io\/wp-content\/uploads\/2020\/12\/s3-hosting.jpg\")
<\/p>\n
References of source code for creating a simple website<\/h2>\n
The source we got from https:\/\/codepen.io\/ashleynolan\/pen\/WbxNap<\/span><\/p>\nIn addition to the feature to create a simple website, we can also use Amazon S3 as a place to store data that is automatically synchronized from Windows Server servers. To learn more about this feature in the article: Set up periodically back up files from Windows folder to Amazon S3 | VTI CLOUD<\/a><\/span><\/p>\nAbout VTI Cloud<\/strong><\/h2>\n
Have an account that accesses the AWS console and has permission to create an S3 bucket.<\/p>\n<\/li>\n
Own or Create the source code<\/span><\/a><\/span> for your website. This article’s topic is: “Merry Christmas”.<\/p>\n<\/li>\n<\/ul>\n Step 1:<\/strong> Access AWS Management Console<\/strong> \u2192 go to Amazon S3<\/span><\/strong> \u2192 select <\/span>Create bucket<\/span><\/strong> \u2192 type new <\/span>Bucket Name, <\/span><\/strong>uncheck<\/span>\u00a0<\/span>Block all public access<\/span><\/strong> \u2192 select Create bucket.<\/strong><\/span><\/p>\n Step 2:<\/strong> In the created bucket, go to bucket \u2192 select tab Properties.<\/span><\/strong><\/p>\n Step 3:<\/strong> Scroll down to Static website hosting<\/span><\/strong> \u2192 select <\/span>Edit<\/span><\/strong> \u2192 select <\/span>Enable<\/span><\/strong> \u2192 select <\/span>Host a static website<\/span><\/strong> \u2192 in <\/span>Index document,<\/span><\/strong> type <\/span>index.html<\/span><\/strong> \u2192 In <\/span>Error document,<\/span><\/strong> type <\/span>error.html<\/span><\/strong> or whatever name (this entry we don’t use so we just enter it to be valid) \u2192 finally, select <\/span>Save changes.<\/span><\/strong><\/p>\n Step 1:<\/strong> After saving, we will see the access link to our website, remember to copy this link for later access.<\/p>\n Step 2: <\/strong>Roll back to Objects<\/span><\/strong> and select <\/span>Upload<\/span><\/strong> to upload all files of your static website.<\/p>\n Step 3: <\/strong>Next we select all the files \u2192 select Actions<\/strong> \u2192 select Actions<\/span><\/strong> \u2192 select <\/span>Make public.<\/span><\/strong><\/p>\n And now it’s time to enjoy the results, you can use the link above to access your website, which is the link of this article. Here are some projects for you to refer to:<\/p>\n http:\/\/vticloud-xmas-tree.s3-website-ap-southeast-1.amazonaws.com\/<\/a><\/span><\/p>\n Be sure to scroll all the way down<\/strong> to see your best wishes, Merry Christmas!<\/p>\n http:\/\/vticloud-xmas-tree1.s3-website-ap-southeast-1.amazonaws.com\/<\/span><\/a><\/p>\n The source we got from https:\/\/codepen.io\/ashleynolan\/pen\/WbxNap<\/span><\/p>\n In addition to the feature to create a simple website, we can also use Amazon S3 as a place to store data that is automatically synchronized from Windows Server servers. To learn more about this feature in the article: Set up periodically back up files from Windows folder to Amazon S3 | VTI CLOUD<\/a><\/span><\/p>\nCreate S3 bucket on Amazon S3<\/h2>\n
<\/p>\n<\/p>\n<\/p>\nPublic static website<\/h2>\n
<\/p>\n<\/p>\n<\/p>\nEnjoy the results! Easy to create a simple website within minutes.<\/h3>\n
<\/p>\n<\/p>\nReferences of source code for creating a simple website<\/h2>\n
About VTI Cloud<\/strong><\/h2>\n