Ruby on Rails, Paperclip, Amazon AWS S3 & Heroku

Question

I try for two days to make my all web site work on the internet through Heroku and Amazon AWS S3 ( to store my images ) but ... I can't make it !

To make it simplier, I would like to use Heroku and Amazon AWS S3 with paperclip just to upload a picture and show it.

I followed a lot of tutorial but, this one sum up all I did : https://devcenter.heroku.com/articles/paperclip-s3

The upload system work well with the basic storage in local but if I follow the tutorial and put this code in my environment I have errors

config.paperclip_defaults = {
  :storage => :s3,
  :s3_credentials => {
    :bucket => ENV['S3_BUCKET_NAME'],
    :access_key_id => ENV['AWS_ACCESS_KEY_ID'],
    :secret_access_key => ENV['AWS_SECRET_ACCESS_KEY']
  }
}

First my code and then I will write the error I have in local and the one I have when I try to test in the Internet ( Heroku open ).

My code :

develpment.rb :

Blabla::Application.configure do
  # Settings specified here will take precedence over those in config/application.rb.

  # In the development environment your application's code is reloaded on
  # every request. This slows down response time but is perfect for development
  # since you don't have to restart the web server when you make code changes.
  config.cache_classes = false

  # Do not eager load code on boot.
  config.eager_load = false

  # Show full error reports and disable caching.
  config.consider_all_requests_local       = true
  config.action_controller.perform_caching = false

  # Don't care if the mailer can't send.
  config.action_mailer.raise_delivery_errors = false

  # Print deprecation notices to the Rails logger.
  config.active_support.deprecation = :log

  # Raise an error on page load if there are pending migrations
  config.active_record.migration_error = :page_load

  # Debug mode disables concatenation and preprocessing of assets.
  # This option may cause significant delays in view rendering with a large
  # number of complex assets.
  config.assets.debug = true
config.paperclip_defaults = {
  :storage => :s3,
  :s3_credentials => {
    :bucket => ENV['S3_BUCKET_NAME'],
    :access_key_id => ENV['AWS_ACCESS_KEY_ID'],
    :secret_access_key => ENV['AWS_SECRET_ACCESS_KEY']
  }
    }

end

production.rb :

Blabla::Application.configure do
  # Settings specified here will take precedence over those in config/application.rb.

  # Code is not reloaded between requests.
  config.cache_classes = true

  # Eager load code on boot. This eager loads most of Rails and
  # your application in memory, allowing both thread web servers
  # and those relying on copy on write to perform better.
  # Rake tasks automatically ignore this option for performance.
  config.eager_load = true

  # Full error reports are disabled and caching is turned on.
  config.consider_all_requests_local       = false
  config.action_controller.perform_caching = true

  # Enable Rack::Cache to put a simple HTTP cache in front of your application
  # Add `rack-cache` to your Gemfile before enabling this.
  # For large-scale production use, consider using a caching reverse proxy like nginx, varnish or squid.
  # config.action_dispatch.rack_cache = true

  # Disable Rails's static asset server (Apache or nginx will already do this).
  config.serve_static_assets = false

  # Compress JavaScripts and CSS.
  config.assets.js_compressor = :uglifier
  # config.assets.css_compressor = :sass

  # Do not fallback to assets pipeline if a precompiled asset is missed.
  config.assets.compile = false

  # Generate digests for assets URLs.
  config.assets.digest = true

  # Version of your assets, change this if you want to expire all your assets.
  config.assets.version = '1.0'

  # Specifies the header that your server uses for sending files.
  # config.action_dispatch.x_sendfile_header = "X-Sendfile" # for apache
  # config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for nginx

  # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
  # config.force_ssl = true

  # Set to :debug to see everything in the log.
  config.log_level = :info

  # Prepend all log lines with the following tags.
  # config.log_tags = [ :subdomain, :uuid ]

  # Use a different logger for distributed setups.
  # config.logger = ActiveSupport::TaggedLogging.new(SyslogLogger.new)

  # Use a different cache store in production.
  # config.cache_store = :mem_cache_store

  # Enable serving of images, stylesheets, and JavaScripts from an asset server.
  # config.action_controller.asset_host = "http://assets.example.com"

  # Precompile additional assets.
  # application.js, application.css, and all non-JS/CSS in app/assets folder are already added.
  # config.assets.precompile += %w( search.js )

  # Ignore bad email addresses and do not raise email delivery errors.
  # Set this to true and configure the email server for immediate delivery to raise delivery errors.
  # config.action_mailer.raise_delivery_errors = false

  # Enable locale fallbacks for I18n (makes lookups for any locale fall back to
  # the I18n.default_locale when a translation can not be found).
  config.i18n.fallbacks = true

  # Send deprecation notices to registered listeners.
  config.active_support.deprecation = :notify

  # Disable automatic flushing of the log to improve performance.
  # config.autoflush_log = false

  # Use default logging formatter so that PID and timestamp are not suppressed.
  config.log_formatter = ::Logger::Formatter.new

  config.paperclip_defaults = {
  :storage => :s3,
  :s3_credentials => {
    :bucket => ENV['S3_BUCKET_NAME'],
    :access_key_id => ENV['AWS_ACCESS_KEY_ID'],
    :secret_access_key => ENV['AWS_SECRET_ACCESS_KEY']
  }
}

end

herocu config :

AWS_ACCESS_KEY_ID:          AKI********************
AWS_SECRET_ACCESS_KEY:      Aiqpdg******************
DATABASE_URL:     **************************
HEROKU_POSTGRESQL_CYAN_URL: ***********************
KOIDEPLOY_TOKEN:            ********************
S3_BUCKET_NAME:             pylo*****

my initializer paperclip.rb :

Paperclip::Attachment.default_options[:url] = ':s3_domain_url'
Paperclip::Attachment.default_options[:path] = '/:class/:attachment/:id_partition/:style/:filename'
Paperclip::Attachment.default_options[:s3_host_name] = 's3-us-west-2.amazonaws.com'

ERROR When I try locally :

I can upload the picture but when I submit :

ArgumentError in PhotosController#create
missing required :bucket option


respond_to do |format|

ERROR when I try in the internet with the "heroku open" command :

I can chose a file but when I submit :

We're sorry, but something went wrong.
If you are the application owner check the logs for more information.

Please help me :)

Edit : On my AWS S3 account I just created a bucket on the eu aera. I succed to see my website on heroku, the problem is the upload

My photo model : photo.rb :

class Photo < ActiveRecord::Base
has_attached_file :image
end

My show.erb.html file :

<% if @photo.image? %>
    <%= image_tag @photo.image.url %>

<% end %>

Answer 1

Had this problem before!

Solved it by putting the bucket vars in the model itself (live code):

 #app/models/image.rb
 has_attached_file :image,
                :styles => { :medium => "x300", :thumb => "x100" },
                :default_url => "**********",
                :storage => :s3,
                :bucket => '*****',
                :s3_credentials => S3_CREDENTIALS

 #config/application.rb
 config.paperclip_defaults = {
            :storage => :s3,
            :s3_host_name => 's3-eu-west-1.amazonaws.com'
 }

 #config/initializers/s3.rb
 if Rails.env == "production"
     # set credentials from ENV hash
 S3_CREDENTIALS = { :access_key_id => ENV['S3_KEY'], :secret_access_key => ENV['S3_SECRET'], :bucket => "*****"}
 else
     # get credentials from YML file
     S3_CREDENTIALS = Rails.root.join("config/s3.yml")
 end

#config/application.yml ([figaro][1] gem)
S3_KEY: ********
S3_SECRET: **********

We also have this in our production.rb:

#app/environments/production.rb
config.action_controller.asset_host = "//#{ENV['FOG_DIRECTORY']}.s3.amazonaws.com"

The ENV['FOG_DIRECTORY'] is the bucket name, and there's also one for different regions. Here's a very good resource for you (the answer with 15 upvotes... not the accepted answer)

Answer 2

Try this url. this will give you a help.

http://www.peoplecancode.com/en/tutorials/uploading-images-on-heroku-saving-to-aws-s3-using-fog

Answer 3

Can you post your Photo class?

From the logs

Paperclip::Error (Photo model missing required attr_accessor for 'image_file_name'):

It looks to me like you don't have the has_attached_file defined on your class.

From the tutorial you linked:

class Friend < ActiveRecord::Base
  # You will need to use attr_accessible if you are
  # using Rails config setting `whitelist_attributes = true`
  attr_accessible :avatar

  # This method associates the attribute ":avatar" with a file attachment
  has_attached_file :avatar, styles: {
    thumb: '100x100>',
    square: '200x200#',
    medium: '300x300>'
 }
end

If you do have this (or something similar) then you probably need to make a migration to get that column in your database:

add_attachment :photos, :image

Which will add the correct columns to your photos table.

With the has_attached_file and the columns on your table, I don't think you should have any (or at least the same) problems