Sumérgete en una fantástica colección de nuevos patrones de apps asombrosas, incluidos los patrones del portapapeles, los de archivo y los de apps.
No importa lo que crees, ya sea una app de edición de video de nueva generación, un juego de palabras adictivo o red social en línea en el futuro. Siempre vas a necesitar algunos recursos bloques:
- Es probable que la app de edición de video le permita al usuario guardar el video editado.
- Es posible que el juego le permita al usuario compartir el progreso del juego con amigos.
- Es muy probable que una aplicación de red social en línea le permita al usuario pegar imágenes en una publicación.
No hay forma universal de materializar estos patrones.
Estos fueron solo algunos ejemplos de estos patrones, y hay muchos más. Pero todos estos tienen una cosa en común: no hay una manera universal de hacerlas realidad.
Progreso de uso compartido
Por ejemplo, no todos los navegadores implementan la API de Web Share, por lo que, en algunos casos, tendrás que recurrir a un enfoque diferente, como Intents web de Twitter, o copiar en el portapapeles, que es el enfoque elegido en Wordle cuando no esté implementada la API de Web Share Apenas lo conseguí:
Wordle 471 6/6
⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩
Cómo guardar archivos
Cuando se trata de ahorrar, el enfoque principal es usar el
API de File System Access, así que obtienes un FileSystemFileHandle, que
te permite implementar un verdadero flujo de guardado, edición y guardado. Los siguientes
lo mejor es volver a un <a download> clásico, que también permite al usuario guardar datos,
tiene la desventaja de crear archivos nuevos en cada descarga, por lo que terminan con my-video.mp4,
my-video (1).mp4, my-video (2).mp4, etcétera
Pegando imágenes
Para concluir con los ejemplos introductorios, no todos los navegadores admiten pegar imágenes en una aplicación web. Por eso, puedes recurrir a la API de arrastrar y soltar o mostrar un selector de archivos, que no es tan elegante como la API de Async Clipboard, pero al menos funciona.
Los nuevos patrones
Ahora bien, las nuevas secciones del patrón son las siguientes:
Patrones del portapapeles
Patrones del portapapeles para todo lo relacionado con el portapapeles del sistema, como copiar y pegar todo tipo de cosas.
Patrones de archivos
Patrones de archivos para todo lo relacionado con los archivos y directorios que sea guardar, abrir, arrastrar y soltar, recibir o compartir.
Patrones de apps web
Patrones de aplicaciones web para todo lo relacionado con las aplicaciones avanzadas funciones como proporcionar accesos directos a aplicaciones, sincronizar datos periódicamente en segundo plano, mostrar aplicaciones insignias y mucho más.
Comentarios
Espero que estos patrones te ayuden a compilar apps increíbles. ¡Espero tus comentarios!
Para enviar comentarios, twittea a @ChromiumDev.
presentar un problema. En ambos casos, etiquetar
@tomayac para asegurarme de verlo.
Agradecimientos
Agradezco a Joe Medley por su ayuda para revisar y editar los patrones. Gracias a Pete LePage, Ewa Gasperowicz, Rachel Andrew, Ken Pascal, y Matthias Rohmer de toda su asistencia técnica y organizacional, y motivaciones para aterrizarlo. El proyecto de patrones no hubiera sido posible sin ayuda de los autores de los patrones individuales, es decir, Harry Theodoulou, Tony Conway, Palances Liao, Cecilia Cong, François Beaufort y Joe Medley