my name is Jacob Robin and I’m the CTOof Uncubed.

com with provides you with the best jobs and opportunities andinnovative companies today I’m going to show you how you can put a small websiteonline quickly and easily and for very low cost by low-cost I mean as low as 2or 3 cents a month the trick is using Amazon Web Services which provideswholesale pricing for online computer resources in the cloud its equivalent ofshopping at Sam’s Club or Costco instead of your local grocery store if thatsounds good follow along and I’ll show you how you can put your next websiteonline in a very cost efficient manner first of all what is Amazon Web ServicesAmazon Web Services or AWS for short is a collection of cloud computing servicesoffered by Amazon it’s used by hundreds of companies from startups all the wayup to the fortune 500 and it consists of dozens of different offerings the onethat we’re interested in is their file storage service it’s called s3 whichstands for simple storage service I’m going to talk about how you can use s3to host a static website that includes HTML CSS JavaScript any of the filesthat you might need to make a website the static part just means that thefiles will stay the same until you upload a new version of them you can’tdo programming on the server to customize them for different users oruse cases however even with the static website you can have JavaScript thatallows you to do programming that happens in the user’s browser when theyview the site so now let’s talk about the cost of hosting a static website inAmazon s3 all AWS services use volume based pricing so you only pay for whatyou use also I’m going to assume that you’re using s3 in the United States thepricing is different outside of the US and the prices may be different by thetime you view this video so be sure to check the AWS pricing page before you goahead and do this for s3 the primary charge to be aware of is bandwidth theydo also charge for file storage and the total number of requests however thosecharges will be quite small in total for example filesand s3 costs 2.

3 cents per gigabyte so for example if you have a website thatconsists of 10 megabytes of files that’s 1% of a gigabyte so at 2.

3 cents that’sgoing to cost you to one hundredths of a cent per month which they will round upto one cent per month same with the per transaction costs so you’re looking at abaseline of two cents a month and then the bandwidth is going to come on top ofthat let’s move on to bandwidth bandwidth is the cost of transferringfiles from s3 out to the Internet and that’s incurred every time somebodyviews one of the pages on your website all the files that make up that page youhave to pay bandwidth on them going out to the Internet so for example if youhave a website where a page is five megabytes of files you know the HTML theCSS the images then every time there’s a page view for that page you’re going topay the bandwidth costs for five megabytes currently the bandwidth costsfor s3 are free for the first gigabyte then nine cents for every gigabytethereafter at that rate I’ve done the calculation and it looks like you canhave up to 230 page views each month for just one cent in bandwidth so you’rereally looking at a starting point of 230 page views and three cents a monthbut what happens if it goes a little higher than that let’s say you get up to500 page views then you’re looking at 14 cents a month in bandwidth costs and thetwo cents on top of that so 500 page views is going to be 16 cents if we getup to five thousand page views you’re looking at an all-in cost of two dollarsand 18 cents a month here’s where you need to pay attention to AWS isvolume-based pricing because if your site suddenly got extremely popular itcould end up costing you a lot of money in bandwidth to get back to ourhypothetical five megabyte web page example if it was viewed a hundredthousand times that would cost you about forty five dollars in bandwidth costs ifyou happen to have your site you viewed a million times you’re getting up tofour hundred fifty dollars in bandwidth which is kind of a lotso if you think your site is going to hit millions of views and you don’t wantto pay for the bandwidth that that will incur you’re better off using anad-supported social media site like Facebook or YouTube or Instagram butgenerally if you’re making a small website for a portfolio or just to tryout a business idea you’re going to be getting hundreds or thousands of viewsmaybe cracking 10, 000 but that’s probably about it in that case Amazon’svolume based pricing is really the key to saving a lot of money in web hostingso to get back to our five megabyte web page example if that page is viewed2, 500 times a month you’re paying one dollar and two cents all in and hostingit on s3 which is a great deal I created a spreadsheet in Google Docsto come up with these bandwidth cost estimates it’s listed next to this videoon the uncute website at Ncube comm you can go there look up this video and thenyou can see the calculations for yourself and figure out how it appliesto you so now we are going to set up a staticwebsite in Amazon s3 step one is to get an Amazon Web Services account you go toaws.

amazon.

com and you click to create an AWS account button and sign up hereif you already have a regular Amazon account for shopping online you can usethat login right here and you’re already set once you login to the AWS consolefind s3 in the list of available services here it is under storage nextwe need to create a bucket to store files for our website in s3 files arecalled objects and all s3 objects must be inside a bucket you can have multiplebuckets in your account you can see here I have some for a website I already madeand each bucket could be its own website or you could just use it to store somefiles so we’ll click create bucket here now the name of your bucket has to be aname that no one else on AWS has used yet that’s because it will be part ofthe default URL by which you can access the files also if you want to put yourwebsite at a custom domain and you do that’s the whole point here then thename of your bucket needs to be exactly the same as the name of that domain soin this example I’m going to make a website called WWE boo cult anonymouscom so I’m going to create a bucket called wwq Bacall’s anonymous comm andthat needs to include the periods the www at the front of this domain iscalled the subdomain and using a subdomain makes it easier to set this upso I’m going to show you how to do it with that method you can make it withouta subdomain just doing in my kids cubicles anonymous comm but to do itthat way you have to use the AWS domain name manager service it’s called route53 and it’ll cost an extra 50 cents a month for each domain you have in thereit’s a little quicker and easier to do it with the subdomain so I’m going toshow you that method here the estrin console is also asking for region to putthis bucket in the standard to go with here is us EastNorth Virginia note that a few of the regions have higher prices so check thes3 pricing page when you do this now we need to go to the next page this UI isactually not showing me the next button so I’m going to zoom out here a littlebit so I can see that when I hit next it shows me this set properties page youdon’t actually need any of these properties to set up a static website soI’m just going to continue along here however this permissions page is agotcha if you don’t set the public permissions to allow read access foreveryone then hope people won’t be able to view the contents of your websitenote that the screen doesn’t appear on older versions of the AWS consolewebsite for those you just need to set read permissions when you upload thefiles which I’ll be showing you shortly either way just note that you’re lookingfor permissions and you want to make sure that everyone has read permissionsfor the objects that’s also sometimes called view permissions this othercolumn object permissions is about the permissions to view the permissionsthemselves you can really ignore that so that’s all we have to do with thepermissions let’s go onto the next page here it’s giving me a review and now I’mready to go ahead and create my bucket once you’ve created the bucket you haveto enable it for static website hosting which you do by opening it up and goinginto the properties tab this might look a little different once again if yourversion of the AWS console website is different but you’re looking for staticwebsite hosting and you want to turn that on the one thing you have to sethere is the index the name of the index document that’s the file that will bethe website home page you can use any file you want it’s a convention to callit index.

html as they were suggesting here so I like to just do it that wayand we hit save and it’s all enabled as it shows here now that our web barbucket is set up for static website hosting we want to upload the files a.

kobjects to our website into it I’ve put together a simple website locally withan HTML file some images and CSS if you’re familiar with an FTP client someof them support uploading files to s3 for example cute FTP in cyberduck bothsupport this but for this simple file I’ve just put the website files into adirectory on my desktop and I’m going to upload them using the upload buttonright here so I click upload I’m going to click add files I’m going to here’sthe website files directory I’m just going to select all of these files andgo ahead and add them here click the next button once again this is thepermissions gotcha so you want to click public permissions we have to do thisagain and for everyone on the objects we want to allow them to read this is goingto be the same even if you’re using the previous version of the AWS console webpage we hit next and all this stuff is fine so I’m just going to go ahead andupload those and I should see them start to percolate into here as my upload goesgreat so now everything is uploaded now that our files are uploaded we can testthat the website is working on the default URL the Amazon s3 provides so todo that we go back to where we enabled static website hosting in the propertiestab over here at static website hosting and you’ll see this URL is the defaultURL that Esther gives us so I’ll copy that and I’d like to use anincognito window to simulate a logged out visitor to the site that way I cancheck that the read permissions were set correctly so I go ahead and I paste thatURL in there and we can see that the site loads up fine at the default URLnote that if the images didn’t load here you probably didn’t use relative pathsfor your image files in your HTML okay now that the site is functioning on theAmazon side I want to point my domain name at it to do that you need to havepurchased a domain name using a domain name registration service like Namecheapor GoDaddy I’m here in GoDaddy DNS management panelwhere I’ve bought the domain name cubicles anonymous comm and what I wantto do is make the subdomain WW and alias for the s3 domain of my bucket in DNSterminology an alias is a cname so I want to add one of those records hereI’m going to click the Add button and I’m going to select the type cname thehost is actually the subdomain itself which in this case is just WWE that Iwanted to point to is that name that I got from Amazon over here so actually Ijust want to make sure I just get the domain part not the HTTP I’ll paste thatin here let me just make sure it didn’t get the HTTP at the front yep looksgreat this TTL stands for time to live I’mgoing to set that as short as possible just in case I change my mind and wantto change this later so I hit save and it’s going to go ahead and add thatrecord note that it can take a little while for these changes to percolate soI’m just going to wait for a bit here and say maybe 20-30 minutes later Ishould be able to go to wwt become synonymous calm and voila it pulls up mystatic website hosted on Amazon s3 my name is jacob robbins and i just showedyou how to set up a small website quickly easily and most importantly fora very low cost using Amazon s3 to get more digital tipsgo on cube comm and sign up for ournewsletter on cube daily.

Leave a Reply

Your email address will not be published. Required fields are marked *