[RUBY] Ablauf zur Implementierung der Image-Posting-Funktion mit ActiveStorage

Einführung

Es gibt eine Funktion, die häufig Bilder auf SNS hochlädt, aber ich werde den Edelstein vorstellen, der bei der Implementierung in Rails verwendet wird. Da es lange dauern wird, werde ich mich diesmal auf die Vorbereitungsphase der Implementierung konzentrieren. Insgesamt zweimal geplant.

Was ist aktiver Speicher?

Es ist jetzt in Rails enthalten, ohne dass es als Gem installiert werden muss. Sie können ganz einfach eine Tabelle zum Speichern von Bildern erstellen, mit der Sie Methoden verwenden können, mit denen Sie Dateien wie Bilder einfach hochladen können.

Ablauf bis zur Implementierung der Bild-Upload-Funktion

  1. Installieren Sie ImageMagick
  2. Installation von zwei Edelsteinen
  3. Starten Sie den lokalen Server neu
  4. Installieren Sie Active Strage
  5. Tabelle generieren

1. Installieren Sie ImageMagick

Erstens ist ImageMagick ein Bildverarbeitungswerkzeug, kein Juwel, sondern eine Kategorie von Software. Bei der Installation von Homebrew


brew install imagemagick

ImageMagick allein kann in Ruby nicht damit umgehen, daher müssen Sie die folgenden zwei Edelsteine installieren.

2. Installieren Sie zwei Edelsteine

(1)MiniMagick ImageMagick-Funktionen werden in Ruby verfügbar sein. (2)ImageProcessing Passen Sie die Größe des Bildes an, was mit MiniMagick allein nicht möglich ist.

Gemfile


gem 'mini_magick'
gem 'image_processing', '~>1.2' #Angabe der Version

OK am unteren Rand der Gemfile.   Vergessen Sie nach dem Schreiben nicht, zum Terminal zu gehen

bundle install

3. Starten Sie den lokalen Server neu

rails s

Vergessen Sie nicht, wenn Sie Gem neu installieren.

4. Installieren Sie Active Storage

Es war sonnig und Active Storage wurde verfügbar Installieren Sie mit dem Terminal

rails active_storage:install

Bei der Installation wird automatisch eine Migrationsdatei generiert.

5. Tabellengenerierung

Wenn es keinen bestimmten Spaltenwechsel gibt, lassen Sie ihn unverändert

rails db:migrate

Stellen Sie sicher, dass durch diese Migration zwei Tabellen generiert werden.

Punkt

Schließlich

Das nächste Mal werde ich zusammenfassen, wie Bilder gespeichert und gespeicherte Bilder angezeigt werden.

Recommended Posts

Ablauf zur Implementierung der Image-Posting-Funktion mit ActiveStorage
Fortsetzung ・ Ablauf zur Implementierung der Image-Posting-Funktion mit ActiveStorage
So implementieren Sie die Image-Veröffentlichung mithilfe von Schienen
[Rails] Implementieren Sie die Image-Posting-Funktion
So implementieren Sie die Brotkrumenfunktion mit gretel
Implementieren Sie die Kategoriefunktion mithilfe von Vorfahren
Versuchen Sie, die iOS14-Widget-Funktion zu implementieren
[Java] Versuchen Sie, mithilfe von Generika zu implementieren
Ich habe versucht, die Bildvorschau mit Rails / jQuery zu implementieren
Versuchen Sie, eine Anmeldefunktion mit Spring-Boot zu implementieren
So implementieren Sie TextInputLayout mit Validierungsfunktion
[Swift5] So implementieren Sie Animationen mit "lottie-ios"
[Rails] Implementierung der Bildvergrößerungsfunktion mit Lightbox2
Implementieren Sie die Star Five-Funktion mit der for-Anweisung
Implementieren Sie die Sternebewertungsfunktion mit Raty in Rails 6
Implementieren Sie die Produktkategoriefunktion mit Abstammung ① (Vorbereitung)
[Android] Implementieren Sie schnell die Funktion zum Anzeigen des Passworts
Versuchen Sie, die Anmeldefunktion mit Spring Boot zu implementieren
[Für Anfänger] So implementieren Sie die Löschfunktion
Schieben Sie das Image mit Jib zum Docker-Hub
Ich habe versucht, einen Server mit Netty zu implementieren
So implementieren Sie ein kreisförmiges Profilbild mit CarrierWave und R Magick in Rails
[Implementierungsverfahren] Implementieren Sie die Funktion zum Hochladen von Bildern mit Active Storage
Schreiben Sie mit ImageIO Byte-Array-Bilddaten in den Ausgabestream