Découvrez une collection fantastique de nouveaux modèles pour des applications incroyables, y compris des modèles de presse-papiers, de fichiers et d'application.
Peu importe ce que vous créez, qu'il s'agisse d'une application de montage vidéo nouvelle génération, d'un jeu de lettres addictif ou d'une future application de réseau social en ligne, vous aurez toujours besoin de quelques éléments de base:
- L'application de montage vidéo permettra probablement à l'utilisateur d'enregistrer la vidéo modifiée.
- Votre jeu permettra peut-être à l'utilisateur de partager sa progression dans le jeu avec ses amis.
- Une application de réseau social en ligne permettra très probablement à l'utilisateur de coller des images dans un post.
Il n'existe pas de moyen universel de réaliser ces modèles
Ce ne sont là que quelques exemples de ces modèles et il en existe beaucoup d'autres. Mais tous ces éléments ont une chose en commun: il n’existe pas de moyen universel de les réaliser.
Progression du partage
Par exemple, tous les navigateurs n'implémentent pas l'API Web Share. Dans certains cas, vous devrez donc utiliser une autre approche, telle que les intents Web de Twitter ou copier dans le presse-papiers, l'approche choisie dans Wordle lorsque l'API Web Share n'est pas implémentée. Ouf, j'ai à peine compris celle-ci:
Wordle 471 6/6
⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩
Enregistrement de fichiers
Pour enregistrer, l'approche privilégiée consiste à utiliser l'API File System Access. Vous obtenez donc un FileSystemFileHandle, qui vous permet d'implémenter un véritable flux d'enregistrement, de modification et d'enregistrement. L'autre meilleure chose est de revenir à un <a download> classique, qui permet également à l'utilisateur d'enregistrer des données, mais a pour inconvénient de créer des fichiers à chaque téléchargement, de sorte qu'ils se retrouvent avec my-video.mp4, my-video (1).mp4, my-video (2).mp4, etc.
Coller des images
Pour conclure les exemples d'introduction, tous les navigateurs ne prennent pas en charge le collage d'images dans une application Web. Vous pouvez donc utiliser l'API de glisser-déposer ou afficher un sélecteur de fichier, ce qui n'est pas aussi élégant que l'API Async Clipboard, mais au moins cela fonctionne.
Les nouveaux modèles
Une fois cela en place, les nouvelles sections de modèle sont les suivantes:
Modèles de presse-papiers
Modèles de presse-papiers pour tout ce qui concerne le presse-papiers du système, comme les copier-coller de toutes sortes de choses.
Modèles de fichiers
Modèles de fichiers pour tout ce qui concerne les fichiers et les répertoires : enregistrement, ouverture, glisser-déposer, réception ou partage.
Modèles d'applications Web
Modèles d'applications Web pour tout ce qui concerne les fonctionnalités d'application avancées, comme la fourniture de raccourcis d'application, la synchronisation régulière des données en arrière-plan, l'affichage de badges d'application, etc.
Commentaires
J'espère que ces modèles vous aideront à créer des applications exceptionnelles et j'attends avec impatience vos commentaires !
Vous pouvez nous faire part de vos commentaires en envoyant un tweet à @ChromiumDev ou en signalant un problème. Dans les deux cas, taguez @tomayac pour vous assurer de la voir.
Remerciements
Je suis reconnaissant à Joe Medley de s'aider à examiner et à modifier les modèles. Merci à Pete LePage, Ewa Gasperowicz, Rachel Andrew, Ken Pascal et Matthias Rohmer pour leur soutien technique et organisationnel, ainsi que leurs encouragements à participer à ce projet. L'ensemble du projet de modèles n'aurait pas été possible sans l'aide des auteurs des modèles individuels, à savoir Harry Theodoulou, Tony Conway, Palances Liao, Cecilia Cong, François Beaufort et Joe Medley.