Погрузитесь в фантастическую коллекцию новых шаблонов для потрясающих приложений, включая шаблоны буфера обмена, шаблоны файлов и шаблоны приложений.
Независимо от того, что вы создаете — будь то приложение для редактирования видео следующего поколения, захватывающая словесная игра или будущее онлайн-приложение для социальных сетей — вам всегда понадобятся несколько основных строительных блоков:
- Приложение для редактирования видео, вероятно, позволит пользователю сохранить отредактированное видео.
- Возможно, ваша игра позволит пользователю делиться игровым прогрессом с друзьями.
- Онлайн-приложение для социальных сетей, скорее всего, позволит пользователю вставлять изображения в сообщение.
Не существует универсального способа реализовать эти закономерности.
Это была всего лишь пара примеров таких паттернов, а их гораздо больше. Но у всех этих идей есть одна общая черта: универсального способа их реализации не существует.
Делимся прогрессом
Например, не все браузеры реализуют API Web Share , поэтому в некоторых случаях вам придется прибегнуть к другому подходу, такому как Web Intents Twitter , или копированию в буфер обмена, который является подходом , выбранным в Wordle при использовании Web Share API. не реализовано. Уф, едва дошёл до этого:
Wordle 471 6/6
⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩
Сохранение файлов
Когда дело доходит до сохранения, лучше всего использовать API доступа к файловой системе , поэтому в итоге вы получаете FileSystemFileHandle
, который позволяет реализовать настоящий поток сохранения, редактирования и сохранения . Следующий лучший вариант — вернуться к классическому <a download>
, который также позволяет пользователю сохранять данные, но имеет недостаток, заключающийся в создании новых файлов при каждой загрузке, поэтому в итоге они получают my-video.mp4
, my-video (1).mp4
, my-video (2).mp4
и т. д.
Вставка изображений
В заключение вводных примеров отметим, что не все браузеры поддерживают вставку изображений в веб-приложение, поэтому вы можете вернуться к использованию API перетаскивания или показу средства выбора файлов, что не так элегантно, как API Async Clipboard , но, по крайней мере, так. работает.
Новые модели
Итак, новые разделы шаблонов:
Шаблоны буфера обмена
Шаблоны буфера обмена для всего, что связано с системным буфером обмена, например, копирование и вставка самых разных вещей.
Шаблоны файлов
Шаблоны файлов для всего, что связано с файлами и каталогами; будь то сохранение, открытие, перетаскивание, получение или обмен.
Шаблоны веб-приложений
Шаблоны веб-приложений для всего, что связано с расширенными функциями приложений, такими как предоставление ярлыков приложений, периодическая синхронизация данных в фоновом режиме, отображение значков приложений и многое другое.
Обратная связь
Я надеюсь, что эти шаблоны помогут вам создавать потрясающие приложения, и с нетерпением жду ваших отзывов! Вы можете оставить отзыв, написав в Твиттере на @ChromiumDev или отправив сообщение о проблеме . В обоих случаях отметьте @tomayac
, чтобы я это увидел.
Благодарности
Я благодарен Джо Медли за помощь в просмотре и редактировании выкроек. Спасибо Питу Лепейджу , Еве Гасперович , Рэйчел Эндрю , Кену Паскалю и Матиасу Ромеру за всю их техническую и организационную поддержку и поощрение в реализации этого проекта. Весь проект узоров был бы невозможен без помощи авторов отдельных узоров, а именно Гарри Теодулу , Тони Конвея , Палансеса Ляо , Сесилии Конг , Франсуа Бофорта и Джо Медли .