Neue Muster für tolle Apps

Entdecke eine fantastische Sammlung neuer Muster für tolle Apps, darunter Zwischenablage-, Datei- und App-Muster.

Ganz gleich, was du konstruierst, sei es eine Videobearbeitungs-App der nächsten Generation, ein Wortspiel mit Suchtpotenzial oder Social Networking-App zu entwickeln, benötigen Sie immer ein paar grundlegende Blöcke:

  • In der App zur Videobearbeitung können Nutzer das bearbeitete Video wahrscheinlich speichern.
  • In Ihrem Spiel kann der Nutzer möglicherweise seinen Spielfortschritt mit Freunden teilen.
  • In einer Online-App für soziale Netzwerke können Nutzer höchstwahrscheinlich Bilder in einen Beitrag einfügen.

Dies waren nur einige Beispiele für solche Muster, es gibt noch viele weitere. Aber alle diese eines gemeinsam haben: Es gibt keinen universellen Weg, sie zu realisieren.

Freigabefortschritt

Beispielsweise ist die Web Share API nicht in allen Browsern implementiert. auf einen anderen Ansatz zurückgreifen, Web Intents von Twitter oder in die Zwischenablage kopieren, Ansatz ausgewählt in Wordle, wenn die Web Share API nicht implementiert ist. Puh, das hier hab ich kaum verstanden:

Wordle 471 6/6

⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩

Dateien werden gespeichert

Beim Sparen ist es am besten, File System Access API. Am Ende haben Sie also ein FileSystemFileHandle, das ermöglicht das Implementieren eines echten Vorgangs zum Speichern, Bearbeiten und Speichern. Die nächste ist es am besten, auf ein klassisches <a download>-Objekt zurückzugreifen, bei dem der Nutzer zwar Daten speichern kann, aber hat den Nachteil, dass bei jedem Download neue Dateien erstellt werden, sodass sie am Ende my-video.mp4, my-video (1).mp4, my-video (2).mp4 usw.

Bilder werden eingefügt

Zum Abschluss der einführenden Beispiele wird das Einfügen von Bildern in eine Webanwendung nicht von allen Browsern unterstützt. Daher sollten Sie können Sie auf die Drag-and-drop-API oder eine Dateiauswahl zurückgreifen, was nicht so elegant der Async Clipboard API, aber auf jeden Fall funktioniert es.

Die neuen Muster

Die neuen Musterabschnitte sind nun:

Zwischenablage-Muster

Zwischenablage-Muster für alle Elemente im Zusammenhang mit der Systemzwischenablage, z. B. alles Mögliche kopieren und einfügen.

Dateimuster

Dateimuster für alles, was mit Dateien und Verzeichnissen zu tun hat sei es Speichern, Öffnen, Ziehen und Ablegen, Empfangen oder Teilen.

Web-App-Muster

Web-App-Muster für alles, was mit erweiterten Apps zu tun hat Funktionen wie das Bereitstellen von App-Verknüpfungen, die regelmäßige Synchronisierung von Daten im Hintergrund, die Anzeige der App Abzeichen und vieles mehr.

Feedback

Ich hoffe, diese Muster helfen dir dabei, tolle Apps zu entwickeln, und freue mich auf dein Feedback! Du kannst uns Feedback geben, indem du einen Tweet an @ChromiumDev sendest oder Problem melden Taggen Sie in beiden Fällen @tomayac, um sicherzugehen, dass ich sie sehe.

Danksagungen

Ich bin Joe Medley für seine Hilfe beim Überprüfen und Bearbeiten dankbar Muster zu erkennen. Dank Pete LePage Ewa Gasperowicz, Rachel Andrew, Ken Pascal und Matthias Rohmer für den technischen und organisatorischen Support und und motivieren, dies zu erreichen. Ohne das Projekt wäre das gesamte Musterprojekt nicht möglich gewesen. der Autoren der einzelnen Muster, Harry Theodoulou, Tony Conway, Palances Liao, Cecilia Cong François Beaufort und Joe Medley.