Skip to main content

Configure amazon s3 with your rails app in just 5 mins

if you are looking to make use of your uploads using paperclip on AMAZON S3,then this is something that will help you.
i tried the same and wasted 5 days but its very easy by using ONLY aws-sdk gem and you can start uploading to S3.
 Before starting i assume few thing from you:
  1. You have a running rails app ready.
  2. You have an active AMAZON S3 account (get the credentials,you will need it now)
  3. You are using paperclip 3.5.1(i prefer)
  4. You uploads are saving to your system locally
short preview of the sequence you need to understand:
START -> get aws-sdk gem -> create new s3.yml -> configure an initializer-paperclip.rb using AMAZON S3 credentials ----END----------THAT'S IT

lets get started:
  1. Install 'aws-sdk' gem by including in gemfile and running bundle install.
Gemfile:


gem 'paperclip', '3.5.1'




gem "aws-sdk"
  1.  Create new yml file such as config/s3.yml and store your AMAZON S3 credentials as shown below:
development:
bucket:development_bucket
access_key_id: YOURACCESSKEY  
secret_access_key: YOURSECRETACCESSKEY 
production: 
bucket: production_bucket
access_key_id: YOURACCESSKEY
secret_access_key: YOURSECRETACCESSKEY

 3.You need an initializer file to override default url options using config/initializer/paperclip.rb 
Paperclip::Attachment.default_options[:url] = ':s3_domain_url'
Paperclip::Attachment.default_options[:path] = '/:class/:id/:filename' 
S3_CREDENTIALS = Rails.root.join("config/s3.yml")  

4.add this to your image.rb or any other file using has_attached_file.
has_attached_file :avatar,
:storage =>:s3, 
:s3_credentials => S3_CREDENTIALS  
WE ARE DONE...start your uploads and check it on AWS MANAGEMENT CONSOLE in development bucket




Labels:

Comments

Post a Comment

Popular posts from this blog

Adding Emoji icons to Rails application

Its very easy to add emoji icons/images to your rails application. It seems complex but its all easy using javascript.The steps can be simplified as shown below:- add the javascript(download jemotion ) include it in your view file(where you want :) to be shown as this -----------------------> thats it....done first you need to add this wonderful js which works really great and nice from home page . We are interested in only the js and emotions folder(containing the smileys/GIF images). once you download just include it in your view file and copy/dump the emotions folder(containing images) to app/assets/images for RAILS 3+. as i did where i want the users to view their comments after they submit their comment. You also need to give a unique id to make  the js understand where it needs to convert your symbols to icons.see below code and hope you will understand how to use it. Keep in mind two thing:- dont forget t...
1 comment
Read more

So easy to install ruby on rails on ubuntu 12.04/centos 6 and start development

Its easy to start development on ubuntu/centos using vmware and start development.i will start the code on certain assumptions : you know ruby on rails you are aware of how to make use of google(in case u are stuck and want to explore more without spoon feeding) LAST BUT NOT LEAST---you love coding short preview of sequence you need to follow:  START -> get vmware -> get ubuntu/centos -> get rvm -> get ruby -> get rails----END--THAT'S IT Lets start and finish this quickly using below mentioned steps: install vmware player if you are using windows/mcintosh from https://my.vmware.com/web/vmware/downloads  NOW.vmware player need image file of the operating system you want,so hit the url and get centos at http://vault.centos.org/6.2/isos/ OR ubuntu at http://www.ubuntu.com/download/desktop ONCE both vmware player and ubuntu/centos are downloaded,follow the steps to first install vmware(very simple) and mounting ubu...
Post a Comment
Read more

Setting Axios to put/post dynamically

 Let me avoid wasting more time and quickly jump on the problem statement. What is the problem statement -  - I want to use the same React component both for Create/Update. How I achieved it -  - Firstly for new object, it worked smoothly and I wanted to reuse the same component again for edit/update too. - I sent the existing values as props and saved them into the corresponding states. - I reused the existing method ( axios server call ) so that it dynamically POST/PUT as needed.This is show below -         //this method calls post/put dynamically - simple code here..no rocket science methodCall = () => { const { Id, editable, details } = this.state; //check if new or existing record if (editable) { return API.put(`/post/${Id}`, details); } else { return API.post("/post", details); } }; //call this method onClick/onSubmit - as you want to handleSubmit = (event) => { event.preventDefault(); ...
Post a Comment
Read more