🎯 Intention

L’upload de fichier sur une application est un vaste sujet, mais nous cherchons dans ce standard à réunir les bonnes pratiques afin d’éviter les potentielles erreurs que nous avons rencontré par le passé

<aside> ✅ Pré-requis

• Lire la documentation officielle sur ActiveStorage
• Avoir vu le standard : ‣
• Avoir vu le standard : Ajouter une image à un projet </aside>

✅ Points clés

<aside> ⌛ Temps indicatif : 3h

</aside>

🪣 Configurer un bucket

⚙️ Configurer ActiveStorage

🚫 Restreindre les types de fichiers

📏 Redimensionner une image

Rattraper des images à la suite de l’ajout/modification d'un variant

☕️ Distribuer un fichier

❌ Erreurs type à éviter

• Certains services de stockage de fichier limite la taille max des fichiers, ce qui peut retourner une erreur 500 auprès de l’utilisateur

  exemple : Cloudinary limite les images à 10Mo max dans le plan gratuit. Nous nous en sommes aperçu suite à une erreur 500 sur Yo’time

• Le serveur peut retourner une erreur si il tente de manipuler une image au mauvais format.

  exemple : si j’upload un gif/webp (ou carrément un pdf), il est probable que le serveur ne soit pas capable de redimensionner le fichier (dans un soucis d’optimisation des images)

• Ne définir la variable d’environnement SECRET_KEY_BASE Voir le détail du commentaire sur ce ticket

🎓Aller plus loin