[RUBY] Flux pour implémenter la fonction de publication d'images à l'aide d'ActiveStorage

introduction

Il existe une fonction qui télécharge souvent des images sur SNS, mais je vais vous présenter le Gem utilisé lors de sa mise en œuvre dans Rails. Comme ce sera long, je me concentrerai cette fois sur la phase de préparation de la mise en œuvre. Programmé deux fois au total.

Qu'est-ce que le stockage actif?

Il est désormais inclus dans Rails sans avoir à l'installer en tant que Gemme. Vous pouvez facilement créer un tableau pour enregistrer des images, ce qui vous permettra d'utiliser des méthodes qui facilitent le téléchargement de fichiers tels que des images.

Flux jusqu'à la mise en œuvre de la fonction de téléchargement d'image

  1. Installez ImageMagick
  2. Installation de deux gemmes
  3. Redémarrez le serveur local
  4. Installez Active Strage
  5. Générer une table

1. Installez ImageMagick

En premier lieu, ImageMagick est un outil de traitement d'image, pas une gemme, mais une catégorie de logiciels. Lors de l'installation à partir de Homebrew


brew install imagemagick

ImageMagick seul ne peut pas le gérer dans Ruby, vous devez donc installer les deux gemmes suivantes.

2. Installez deux gemmes

(1)MiniMagick Les fonctionnalités d'ImageMagick seront disponibles dans Ruby. (2)ImageProcessing Ajustez la taille de l'image, ce qui ne peut pas être fait avec MiniMagick seul.

Gemfile


gem 'mini_magick'
gem 'image_processing', '~>1.2' #Spécifier la version

OK en bas du Gemfile.   Après avoir écrit, n'oubliez pas d'aller au terminal

bundle install

3. Redémarrez le serveur local

rails s

N'oubliez pas lorsque vous installez Gem.

4. Installez Active Storage

Il faisait beau et Active Storage est devenu disponible, alors Installer à l'aide du terminal

rails active_storage:install

Une fois installé, un fichier de migration sera généré automatiquement.

5. Génération de table

S'il n'y a pas de changement de colonne particulier, laissez-le tel quel

rails db:migrate

Confirmez que deux tables sont générées par cette migration.

point

finalement

La prochaine fois, je résumerai comment enregistrer des images et comment afficher les images enregistrées.

Recommended Posts

Flux pour implémenter la fonction de publication d'images à l'aide d'ActiveStorage
Suite ・ Flux pour implémenter la fonction de publication d'image à l'aide d'ActiveStorage
Pour implémenter la publication d'images à l'aide de rails
[Rails] Implémenter la fonction de publication d'images
Comment mettre en œuvre la fonction de chapelure avec Gretel
Implémenter la fonction de catégorie en utilisant l'ancêtre
Essayez d'implémenter la fonction Widget iOS14
[Java] Essayez de mettre en œuvre à l'aide de génériques
J'ai essayé d'implémenter la fonction de prévisualisation d'image avec Rails / jQuery
Essayez d'implémenter une fonction de connexion avec Spring-Boot
Comment implémenter TextInputLayout avec la fonction de validation
[Swift5] Comment mettre en œuvre une animation à l'aide de "lottie-ios"
[Rails] Implémentation de la fonction d'agrandissement d'image à l'aide de lightbox2
Implémentez la fonction Star Five à l'aide de l'instruction for
Mettre en œuvre la fonction de classement par étoiles en utilisant Raty dans Rails 6
Mettre en œuvre la fonction de catégorie de produit en utilisant l'ascendance ① (Préparation)
[Android] Implémentez rapidement la fonction pour afficher le mot de passe
Essayez d'implémenter la fonction de connexion avec Spring Boot
[Pour les débutants] Comment implémenter la fonction de suppression
Poussez l'image vers le hub docker à l'aide de Jib
J'ai essayé d'implémenter un serveur en utilisant Netty
Comment implémenter une image de profil circulaire avec CarrierWave et R Magick in Rails
[Procédure de mise en œuvre] Implémentez la fonction de téléchargement d'images avec Active Storage
Essayez de mettre en œuvre à l'aide de l'API de recherche de produits Rakuten (facile)
Écrire des données d'image de tableau d'octets dans le flux de sortie à l'aide d'ImageIO