J’ai contribué au composant d’upload de fichiers React d’Upup. Mon travail a porté sur les intégrations de stockage cloud, les URL d’upload signées, les aperçus, le style responsive, le glisser-déposer et les tests.
Ce que fait l’outil
Upup permet aux développeurs d’ajouter l’envoi de fichiers sans construire eux-mêmes le sélecteur, les aperçus, la progression et l’intégration du stockage. Le produit actuel prend en charge six frameworks front-end ; mes contributions concernaient le précédent composant React et sa couche de stockage.
Le défi principal
Les fichiers partent directement du navigateur de l’utilisateur vers le stockage S3 ou Azure du client : le navigateur ne doit donc jamais détenir les clés de stockage. Un serveur signe chaque envoi avec une URL à durée de vie courte, et les deux fournisseurs signent différemment. L’outil d’envoi devait pourtant se comporter de la même façon dans les deux cas : la même progression, les mêmes aperçus et les mêmes erreurs, quel que soit le stockage derrière.
Ce sur quoi j’ai travaillé
- URL présignées pour le stockage compatible S3 et Azure
- Tests de signature S3 pour la génération d’URL
- Interface React responsive et amélioration des aperçus de fichiers
- Glisser-déposer pendant l’affichage des aperçus
Ce que j’en retiens
Les contrats de stockage et l’état de l’interface doivent s’accorder sur ce que fait un envoi. Les tests autour de la signature d’URL et les corrections apportées aux aperçus et au glisser-déposer ont rendu ces frontières plus faciles à maintenir.
Preuves et statut
La démo en ligne et le code source public présentent le produit actuel.