Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Misc site improvements and add r6operators package #160

Merged
merged 5 commits into from
Mar 7, 2020

Conversation

BurkusCat
Copy link
Owner

Work towards #157 and #156

@BurkusCat BurkusCat merged commit 4c23f4d into master Mar 7, 2020
Copy link
Collaborator

@Mr-Martinez Mr-Martinez left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I ran it on my computer and it looks good.
I really need to make an account for CI/CD to test code on clean installs.
I'm not to familiar the website workflow or with AWS. If all code is built from a new image of linux or pushed to an existing image.
I've used docker myself when making a website, is AWS similar?

@BurkusCat BurkusCat deleted the misc-improvements branch March 8, 2020 00:57
@BurkusCat
Copy link
Owner Author

So AWS is made up of quite a lot of services including the ability to host docker containers on servers. The services this site uses are:

  1. AWS CodePipeline + AWS CodeBuild - AWS listens for changes to this GitHub repo and starts a build on I believe a Linux virtual machine (you don't manage it, its just a generic VM that AWS manage). The build is described by this file in the repo: https://github.com/BurkusCat/r6-operator-counters/blob/master/buildspec.yml pre_build sets up all dependencies e.g. npm packages and the gulp cli. build does the actual build to compile everything into a static website. post_build does the AWS specific stuff. If you run the commands in the buildspec.yml file, you should produce exactly what the AWS build will produce.
  2. The first bit of AWS specific stuff is AWS S3. It is just storage. HTML, CSS, images are all stored here so this is where the build will go. S3 can be set up to host a basic site so long as you don't require any computation/database work. So a plain JavaScript site like this one? Perfect. An Angular/React site? Again, it can be hosted perfectly on S3. An ASP.NET website? You will need to use something like AWS EC2 to host that.
  3. CloudFront is used to cache the website all around the world. It makes it fast to load on every continent and reduces costs a little bit I believe.
  4. Route53 - is used to setup the domain forwarding so that when you go to r6counters.com, it actually show the content from our CloudFront distribution/S3 bucket.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants