Deploying Rendertron on AWS EC2

Aakash
4 min readMay 19, 2018

--

I wanted to deploy Rendertron on AWS EC2 for my production app written in Angular 5 frontend and node/express backend and did not find any tutorial so here is my stab at it. I did not want to dive into Angular Universal for Angular server side rendering for SEO and sincerely thought Rendertron is a much better and easier alternative.

Log in to your AWS Console and Fire up a brand new Ubuntu 16.04 LTS instance.

AWS Console Launching a new Ubuntu 16.04 LTS instance

I am going to choose a m4.large instance since I presume we will need a little bit of that memory and power that t2 instances lack. This will cost you about $0.10 per hour.

EC2 Instance Type m4.large

I am not going to go into the VPC details as this might be different for each AWS account. You can choose your default VPC and leave all the other Configure Instance details to default. Next go to the storage screen and leave the storage at default 8 GiB, Volume Type GP2 at 100/3000 IOPS.

Go to security group and allow SSH on Port 22 from your IP or anywhere for now and allow traffic on port 80 and 3000. We can change this later to allow traffic from any specific security group only from your server that will reroute traffic to rendertron.

Create a new security group for rendertron instance

Go to the next screen, review details and choose your EC2 Key Pair that you will use to ssh into the instance. Launch the bad boy!

Now go to your AWS EC2 console and select the instance that you just launched and copy the public dns. This will be something like ec2–xx–xxx–xxx–x.compute-1.amazonaws.com. We will use this public dns to set up a subdomain something like: http://yourapp.yourdomain.com using AWS Route 53 CNAME configuration. This is only applicable if you have a hosted zone. You can skip this step and once the instance configuration is done, just use the public dns to reach the rendertron instance.

Lets ssh into the instance and say hello to him.

If you are on a mac you will just do a simple ssh with your keypair to the instance.

ssh -i ~/.ssh/yourkeypair.pem user@ec2–xx–xxx–xxx–x.compute-1.amazonaws.com

Lets start by updating the local package index on the instance.

sudo apt-get update

Then install git. If its already installed it will tell you git is already on the newest version.

sudo apt-get install git

Next Let’s get nodejs.

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
sudo apt-get install -y nodejs

Now lets clone the rendertron repo and get it into our EC2 instance.

git clone https://github.com/GoogleChrome/rendertron.git

Now cd into the rendertron directory.

cd rendertron

Lets install all the packages.

npm install

If all goes well you will see node_modules directory under rendertron with all package dependencies installed.

Next Steps are to Install Chrome.

Setup Key.

wget -q -O - https://dl-ssl.google.com/linux/linux_signing_key.pub | sudo apt-key add -

Setup Repo.

sudo sh -c 'echo "deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main" >> /etc/apt/sources.list.d/google.list'

Setup Package

sudo apt-get updatesudo apt-get install google-chrome-stable

Alright we are now ready to run rendertron on our own AWS EC2 instance.

npm run start
Rendertron is now running, listening on port 3000

Exactly why we opened port 3000 for all traffic in our EC2 Security group for the rendertron instance.

Cool…so lets head over to the browser and hit the Public DNS of the instance : 3000 and see if we get the app up and running on the browser.

Option 1: You can hit <Your ec2 instance public dns>:3000

or

Option 2: That subdomain you configured in AWS route 53 — http://yourapp.yourdomain.com:3000

Voila! You will see rendertron is up and running. I will post the next story on how I am going to use this instance to do Service Side Rendering and SEO purposes for my Angular 5 app playing nicely along with the Node/Express backend. Until later…

--

--