CloudFront with an S3 Origin


In a previous post, I covered how to setup CloudFront as an asset host for a Rails application using the same site as the origin. It is also possible to use an S3 bucket as the origin. The easiest way I know of to make this work with Rails is to use the asset_sync gem.

Creating the CloudFront Distribution

First you need to setup a bucket in S3. Then, when you create your CloudFront distribution, choose your bucket from the dropdown list when you set the Origin Domain Name. Otherwise, the steps are the same as in post.

CloudFront S3 Origin

Configuring asset_sync

You don’t need to follow all of the steps in the Readme. You should add the gem to the Gemfile and bundle install it. You will also need to configure asset_sync with your AWS Access Key ID and your Secret key. And, you should set the FOG_DIRECTORY to the name of your S3 bucket. But, do not set the config.action_controller.asset_host as described in the Readme. You still want to use the CloudFront domain name for your asset host as shown in the previous post.

There are a lot of other options but that is really all you need to get going. When you run the assets:precompile rake task (usually as part of your deployment), your assets will automatically sync to your S3 bucket. And, CloudFront will pull updated assets from that same bucket.

Why use S3 as a CloudFront origin?

I am not convinced that using S3 as your CloudFront origin is always a huge advantage. For one thing, it can slow down your deployments. However, there are some reasons to consider doing so. With this setup, CloudFront should never have to hit your server to check for updated assets. And, in some cases, it can make handling things like serving font assets simpler when you are hosted on a service like Heroku. Let me know if you know of any other reasons why it is preferable to use S3 as a CloudFront origin.

Are you interested in topics like this? Drop your email below to receive regular updates.

Ensuring a Command Module Task is Repeatable with Ansible

Web Fonts with CloudFront