Active_storage and Cloudinary

[SebSwan]

Hello, I try to use active_storage and cloudinary, it work locally but i don't find images on Cloudinary.
https://stackoverflow.com/questions/66161269/i-cant-upload-image-on-cloudinary-with-solidus-and-active-storage

[jarednorman]

What do you mean by this?

I can load images on local and production but i don't find them on cloudinary.

Do you mean that you can upload the images but not access them?

[SebSwan]

yes, i can upload it with the backend, i can see it on the front end but i can't access it on Cloudinary. When i deploy on a new instance, the image is broken. There is no persistance.

[jarednorman]

Have you set the Solidus active_storage_enabled option to true?

[SebSwan]

i don't have active_storage_enabled option but i set
in config/environnements/production.rb
config.active_storage.service = :cloudinary

in config/environnements/development.rb
config.active_storage.service = :cloudinary

i've disabled paperclip in spree.rb

but when i look in logs in local when i attache an image. Attachement method seem use Paperclip.

started POST "/admin/products/test-cloudinary/images" for 127.0.0.1 at 2021-02-11 22:02:36 +0100
Processing by Spree::Admin::ImagesController#create as JS
  Parameters: {"image"=>{"attachment"=>#<ActionDispatch::Http::UploadedFile:0x00007f44f8680b70 @tempfile=#<Tempfile:/tmp/RackMultipart20210211-16685-4uoh9n.jpeg>, @original_filename="Fichier_000.jpeg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"image[attachment]\"; filename=\"Fichier_000.jpeg\"\r\nContent-Type: image/jpeg\r\n">, "viewable_id"=>"35"}, "upload_id"=>"c3", "product_id"=>"test-cloudinary"}
  Spree::User Load (0.9ms)  SELECT "spree_users".* FROM "spree_users" WHERE "spree_users"."deleted_at" IS NULL AND "spree_users"."id" = $1 ORDER BY "spree_users"."id" ASC LIMIT $2  [["id", 1], ["LIMIT", 1]]
  Spree::Role Load (0.5ms)  SELECT "spree_roles".* FROM "spree_roles" INNER JOIN "spree_roles_users" ON "spree_roles"."id" = "spree_roles_users"."role_id" WHERE "spree_roles_users"."user_id" = $1  [["user_id", 1]]
  Spree::Product Load (0.6ms)  SELECT "spree_products".* FROM "spree_products" WHERE "spree_products"."deleted_at" IS NULL AND "spree_products"."slug" = $1 LIMIT $2  [["slug", "test-cloudinary"], ["LIMIT", 1]]
  Spree::Variant Load (0.7ms)  SELECT "spree_variants".* FROM "spree_variants" WHERE "spree_variants"."deleted_at" IS NULL AND "spree_variants"."product_id" = $1 AND "spree_variants"."is_master" = $2 ORDER BY "spree_variants"."position" ASC  [["product_id", 13], ["is_master", false]]
  Spree::Variant Load (0.9ms)  SELECT "spree_variants".* FROM "spree_variants" WHERE "spree_variants"."product_id" = $1 AND "spree_variants"."is_master" = $2 LIMIT $3  [["product_id", 13], ["is_master", true], ["LIMIT", 1]]
[paperclip] Trying to link /tmp/RackMultipart20210211-16685-4uoh9n.jpeg to /tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-1l355mi.jpeg
[paperclip] Trying to link /tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-1l355mi.jpeg to /tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-143257m.jpeg
Command :: file -b --mime '/tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-143257m.jpeg'
Command :: identify -format '%wx%h,%[exif:orientation]' '/tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-1l355mi.jpeg[0]' 2>/dev/null
Command :: identify -format %m '/tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-1l355mi.jpeg[0]'
Command :: convert '/tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-1l355mi.jpeg[0]' -auto-orient -resize "48x48>" -strip -auto-orient -colorspace sRGB '/tmp/24fe4fc60fb915aa5bde9da8c4f7c7a620210211-16685-jqbl1t'
[paperclip] Trying to link /tmp/24fe4fc60fb915aa5bde9da8c4f7c7a620210211-16685-jqbl1t to /tmp/579bf32ae01e99d9757e32ffc2d8eacd20210211-16685-yo6lzz
Command :: identify -format '%wx%h,%[exif:orientation]' '/tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-1l355mi.jpeg[0]' 2>/dev/null
Command :: identify -format %m '/tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-1l355mi.jpeg[0]'
Command :: convert '/tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-1l355mi.jpeg[0]' -auto-orient -resize "400x400>" -strip -auto-orient -colorspace sRGB '/tmp/24fe4fc60fb915aa5bde9da8c4f7c7a620210211-16685-18vtzkz'
[paperclip] Trying to link /tmp/24fe4fc60fb915aa5bde9da8c4f7c7a620210211-16685-18vtzkz to /tmp/7c1e61fd875375fce5f1377db09c363f20210211-16685-m7yrd1
Command :: identify -format '%wx%h,%[exif:orientation]' '/tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-1l355mi.jpeg[0]' 2>/dev/null
Command :: identify -format %m '/tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-1l355mi.jpeg[0]'
Command :: convert '/tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-1l355mi.jpeg[0]' -auto-orient -resize "680x680>" -strip -auto-orient -colorspace sRGB '/tmp/24fe4fc60fb915aa5bde9da8c4f7c7a620210211-16685-1qpr6e0'
[paperclip] Trying to link /tmp/24fe4fc60fb915aa5bde9da8c4f7c7a620210211-16685-1qpr6e0 to /tmp/438afe6470af9e317c57f939e92dfbd220210211-16685-1lsuyl9
Command :: identify -format '%wx%h,%[exif:orientation]' '/tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-1l355mi.jpeg[0]' 2>/dev/null
Command :: identify -format %m '/tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-1l355mi.jpeg[0]'
Command :: convert '/tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-1l355mi.jpeg[0]' -auto-orient -resize "1200x1200>" -strip -auto-orient -colorspace sRGB '/tmp/24fe4fc60fb915aa5bde9da8c4f7c7a620210211-16685-1kqur4i'
[paperclip] Trying to link /tmp/24fe4fc60fb915aa5bde9da8c4f7c7a620210211-16685-1kqur4i to /tmp/9aea696b7b61a73f3e6cb00554e2784820210211-16685-p9w9qo
[paperclip] Trying to link /tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-1l355mi.jpeg to /tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-9ajj8x.jpeg
Command :: file -b --mime '/tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-9ajj8x.jpeg'
Command :: identify -format '%wx%h,%[exif:orientation]' '/tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-1l355mi.jpeg[0]' 2>/dev/null
[paperclip] Trying to link /tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-1l355mi.jpeg to /tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-u87el4.jpeg
Command :: file -b --mime '/tmp/7e53701e9a51fb841721a2314ed6501020210211-16685-u87el4.jpeg'
   (0.3ms)  BEGIN
  Spree::Asset Load (0.7ms)  SELECT "spree_assets".* FROM "spree_assets" WHERE "spree_assets"."viewable_id" = $1 AND "spree_assets"."viewable_type" = $2 AND ("spree_assets"."position" IS NOT NULL) ORDER BY "spree_assets"."position" DESC LIMIT $3  [["viewable_id", 35], ["viewable_type", "Spree::Variant"], ["LIMIT", 1]]
  Spree::Image Create (0.4ms)  INSERT INTO "spree_assets" ("viewable_type", "viewable_id", "attachment_width", "attachment_height", "attachment_file_size", "position", "attachment_content_type", "attachment_file_name", "type", "attachment_updated_at", "created_at", "updated_at") VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12) RETURNING "id"  [["viewable_type", "Spree::Variant"], ["viewable_id", 35], ["attachment_width", 2266], ["attachment_height", 1524], ["attachment_file_size", 536176], ["position", 1], ["attachment_content_type", "image/jpeg"], ["attachment_file_name", "Fichier_000.jpeg"], ["type", "Spree::Image"], ["attachment_updated_at", "2021-02-11 21:02:36.831052"], ["created_at", "2021-02-11 21:02:38.566203"], ["updated_at", "2021-02-11 21:02:38.566203"]]
  Spree::Variant Load (0.4ms)  SELECT "spree_variants".* FROM "spree_variants" WHERE "spree_variants"."deleted_at" IS NULL AND "spree_variants"."id" = $1 LIMIT $2  [["id", 35], ["LIMIT", 1]]
  Spree::Product Load (0.7ms)  SELECT "spree_products".* FROM "spree_products" WHERE "spree_products"."id" = $1 LIMIT $2  [["id", 13], ["LIMIT", 1]]
  Spree::Variant Update (0.9ms)  UPDATE "spree_variants" SET "updated_at" = $1 WHERE "spree_variants"."id" = $2  [["updated_at", "2021-02-11 21:02:38.580928"], ["id", 35]]
  Spree::Product Update (2.8ms)  UPDATE "spree_products" SET "updated_at" = $1 WHERE "spree_products"."id" = $2  [["updated_at", "2021-02-11 21:02:38.622517"], ["id", 13]]
  Spree::Taxon Load (1.0ms)  SELECT "spree_taxons".* FROM "spree_taxons" INNER JOIN "spree_products_taxons" ON "spree_taxons"."id" = "spree_products_taxons"."taxon_id" WHERE "spree_products_taxons"."product_id" = $1  [["product_id", 13]]
   (2.4ms)  COMMIT
  Rendering /home/seb/.rbenv/versions/2.6.6/lib/ruby/gems/2.6.0/gems/solidus_backend-2.11.4/app/views/spree/admin/images/create.js.erb
  Rendered /home/seb/.rbenv/versions/2.6.6/lib/ruby/gems/2.6.0/gems/solidus_backend-2.11.4/app/views/spree/admin/shared/_image.html.erb (Duration: 1.0ms | Allocations: 329)
  Rendered /home/seb/.rbenv/versions/2.6.6/lib/ruby/gems/2.6.0/gems/solidus_backend-2.11.4/app/views/spree/admin/shared/_modal.html.erb (Duration: 0.6ms | Allocations: 86)
  Rendered /home/seb/.rbenv/versions/2.6.6/lib/ruby/gems/2.6.0/gems/solidus_backend-2.11.4/app/views/spree/admin/images/_image_row.html.erb (Duration: 6.2ms | Allocations: 1681)
  Rendered /home/seb/.rbenv/versions/2.6.6/lib/ruby/gems/2.6.0/gems/solidus_backend-2.11.4/app/views/spree/admin/images/create.js.erb (Duration: 8.3ms | Allocations: 2032)
Completed 200 OK in 1867ms (Views: 9.5ms | ActiveRecord: 13.2ms | Allocations: 45522)

[jarednorman]

I've never used ActiveStorage with Solidus nor Cloudinary in production, so I was not 100% familiar with how it worked, but I've seen now that you can set the Solidus config value image_attachment_module to determine whether to use Paperclip or ActiveStorage. You should have something like this in your config/initializers/spree.rb:

config.image_attachment_module = Spree::Image::ActiveStorageAttachment
config.taxon_attachment_module = Spree::Taxon::ActiveStorageAttachment

[SebSwan]

Thanks @jarednorman to point me the solution. Here is a solution, hope it will be helpful.

integrate cloudinary with active_record

gemfile

gem 'rails', '~> 6.1' 
# Use Active Storage variant
gem 'image_processing', '~> 1.2'
gem 'cloudinary'
gem 'activestorage-cloudinary-service'

bundle install

Active_record need rails >6.1
bundle update rails

cloudinary.yml or set environnement variable on your server

development:
  cloud_name: xxx
  api_key: 'xxx'
  api_secret: xxx
  enhance_image_tag: true
  static_file_support: false
production:
  cloud_name: xxx
  api_key: 'xxx'
  api_secret: xxx
  enhance_image_tag: true
  static_file_support: true
test:
  cloud_name: xxx
  api_key: 'xxx'
  api_secret: xxx
  enhance_image_tag: true
  static_file_support: false

spree.rb

# Enable Paperclip adapter for attachments on images and taxons
  config.image_attachment_module = 'Spree::Image::ActiveStorageAttachment'
  config.taxon_attachment_module = 'Spree::Taxon::ActiveStorageAttachment'

storage.yml

....
cloudinary:
  service: Cloudinary

config/environnements/production.rb

config.active_storage.service = :cloudinary

if it raises an error.
ActiveModel::UnknownAttributeError (unknown attribute 'service_name' for ActiveStorage::Blob.):

rails active_storage:update

rails db:migrate

the DB need to be empty of products if else it raises an error

[SebSwan]

I don't know if there is a relation with Active_storage. But now, I can create a taxonomie but when i try to create a taxon from scratch, it raises an error. I can modify and use Taxonomie and taxon from sample but not new ones.

solidus_core (2.11.4) app/models/concerns/spree/active_storage_adapter/attachment.rb

    @attachment.variant(
      resize: size,
      strip: true,
      'auto-orient': true,
      colorspace: 'sRGB',
    ).processed
  end

(in production)

INFO -- : [19b07df1-fc57-410c-915f-da1d4258899a] Completed 500 Internal Server Error in 21ms (ActiveRecord: 5.6ms | Allocations: 5641)
2021-02-12T19:37:09+01:00 F, [2021-02-12T18:37:00.438635 #2939] FATAL -- : [19b07df1-fc57-410c-915f-da1d4258899a]
2021-02-12T19:37:09+01:00 [19b07df1-fc57-410c-915f-da1d4258899a] ActionView::Template::Error (undefined method `processed' for nil:NilClass):
2021-02-12T19:37:09+01:00 [19b07df1-fc57-410c-915f-da1d4258899a] 3: <%= f.label attachment %><br>
2021-02-12T19:37:09+01:00 [19b07df1-fc57-410c-915f-da1d4258899a] 4: <%= f.file_field attachment %>
2021-02-12T19:37:09+01:00 [19b07df1-fc57-410c-915f-da1d4258899a] 5: <% if f.object.send(attachment).present? %>
2021-02-12T19:37:09+01:00 [19b07df1-fc57-410c-915f-da1d4258899a] 6: <%= image_tag f.object.send(attachment, definition[:default_style]) %>
2021-02-12T19:37:09+01:00 [19b07df1-fc57-410c-915f-da1d4258899a] 7: <%= link_to t('spree.actions.remove'),
2021-02-12T19:37:09+01:00 [19b07df1-fc57-410c-915f-da1d4258899a] 8: admin_taxonomy_taxon_attachment_path(@taxonomy,
2021-02-12T19:37:09+01:00 [19b07df1-fc57-410c-915f-da1d4258899a] 9: @taxon.id,
2021-02-12T19:37:09+01:00 [19b07df1-fc57-410c-915f-da1d4258899a]
2021-02-12T19:37:09+01:00 [19b07df1-fc57-410c-915f-da1d4258899a] solidus_core (2.11.4) app/models/concerns/spree/active_storage_adapter/attachment.rb:38:in `variant' 

From better_error (in local)

Request parameters | {"controller"=>"spree/admin/taxons", "action"=>"edit", "taxonomy_id"=>"3", "id"=>"13"}
-- | --
Rack session | #<ActionDispatch::Request::Session:0x00007face8456c48  @by=#<ActionDispatch::Session::CookieStore:0x000055b60bcf6d60  @app=#<ActionDispatch::ContentSecurityPolicy::Middleware:0x000055b60bcf6d88   @app=#<ActionDispatch::PermissionsPolicy::Middleware:0x000055b60bcf6db0  @app=#<Rack::Head:0x000055b60bcf6dd8  @app=#<Rack::ConditionalGet:0x000055b60bcf6e00  @app=#<Rack::ETag:0x000055b60bcf6e28  @app=#<Rack::TempfileReaper:0x000055b60bcf6e50  @app=#<Warden::Manager:0x000055b60bcf6f18  @config={:default_scope=>:spree_user, :scope_defaults=>{},  :default_strategies=>{:spree_user=>[:rememberable,  :database_authenticatable]}, :intercept_401=>false,  :failure_app=>#<Devise::Delegator:0x000055b60ba19c00>},  @app=#<ActionDispatch::Routing::RouteSet:0x000055b60a86d628>>>,  @cache_control="max-age=0, private, must-revalidate",  @no_cache_control="no-cache">>>>>,  @default_options={:path=>"/", :domain=>nil, :expire_after=>nil,  :secure=>false, :httponly=>true, :defer=>false,  :renew=>false}, @key="_zebone4_session", @cookie_only=true,  @same_site=nil>, @req=#<ActionDispatch::Request GET  "http://localhost:3000/admin/taxonomies/3/taxons/13/edit" for  127.0.0.1>,  @delegate={"session_id"=>"d7beb549837c1dd95bb6edafc8dd1b09",  "locale"=>"en", "admin_locale"=>"en",  "return_to"=>"http://localhost:3000/admin/products",  "warden.user.spree_user.key"=>[[1], "sAkgdQcezzDNUZA11WmH"],  "_csrf_token"=>"1i9GbS8Z9Vq1bJTu22g2YemOSVc6e+3y4yHVG0rYiWI="},  @loaded=true, @exists=true>


Local variable
style | :mini
-- | --
size | "32x32>"

@Instance Variables

@attachment | #<ActiveStorage::Attached::One:0x00007face8558970  @name="icon", @record=#<Spree::Taxon id: 13, parent_id: 12,  position: 0, name: "New node", permalink: "nos-conseils/new-node",  taxonomy_id: 3, lft: 24, rgt: 25, icon_file_name: nil,  icon_content_type: nil, icon_file_size: nil, icon_updated_at: nil,  description: nil, created_at: "2021-02-12 19:03:01.710836000 +0000",  updated_at: "2021-02-12 19:03:01.756677000 +0000", meta_title: nil,  meta_description: nil, meta_keywords: nil, depth: 1>>
-- | --
@styles | {:mini=>"32x32>", :normal=>"128x128>"}

[SebSwan]

uncomment this line in spree.rb did the job
[# config.taxon_attachment_module = 'Spree::Taxon::ActiveStorageAttachment'