В преддверии WordCampWordCamp WordCamp — это неформальные конференции, организуемые на местном уровне и посвящённые всему, что связано с WordPress. Это одно из мест, где сообщество WordPress собирается вместе, чтобы делиться друг с другом знаниями, полученными в течение года, и радостью. Узнать больше. Europe команда организаторов усердно работала над улучшением WordCamp.org, чтобы превратить его в прогрессивное веб-приложение (PWA).
Это было развёрнутоРазвёртывание Запуск кода из локальной среды разработки на рабочем веб-сервере, чтобы он стал доступен посетителям. в дни, предшествующие мероприятию, а во время самого мероприятия вносились изменения. Цель проекта заключалась в создании минимально жизнеспособного продуктаМинимально жизнеспособный продукт «Минимально жизнеспособный продукт (MVP) — это продукт с достаточным количеством функций, чтобы удовлетворить первых клиентов и получить обратную связь для дальнейшей разработки продукта». — Википедия для WordCamp Europe 2019, после чего планировалось продолжать развивать эту работу, чтобы функции PWA стали полезны для всех WordCamp.
Текущий статус
Работа над функциями PWA изначально велась в виде отдельного плагина, а теперь была объединена с репозиторием кода WordCamp.org. В качестве базовой платформы используется плагин функций PWA, поверх которого добавлен дополнительный собственный код. Пока что он активен только на сайте WordCamp Europe 2019, поскольку ещё не готов к более широкому использованию.
Функции PWA, улучшающие сайт:
- Офлайн-контент:
- После посещения страницы в режиме онлайн она сохраняется на вашем устройстве, чтобы к ней можно было получить доступ в автономном режиме; например, если во время мероприятия перестанет работать Wi-Fi на площадке. (Оговорки 1, 2)
- Если вы находитесь в автономном режиме и посещаете несохранённую страницу, вам показывается специальный шаблон страницы с расписанием. В будущем на нём также будет размещаться дополнительная важная информация, например дата и место проведения мероприятия.
- Кэширование статических ресурсов. Файлы и конечные точки REST APIREST API REST API — это аббревиатура от RESTful Application Program Interface (API), использующего HTTP-запросы для получения, изменения, создания и удаления данных. Благодаря ему интерфейс приложения (например, «телефонное приложение» или «веб-сайт») может взаимодействовать с хранилищем данных (например, «базой данных» или «файловой системой»)
https://developer.wordpress.org/rest-api/, которые изменяются нечасто (например, CSSCSS CSS — это аббревиатура от cascading style sheets (каскадных таблиц стилей). Именно CSS отвечает за дизайн и внешний вид сайта., JavaScriptJavaScript JavaScript, или JS, — объектно-ориентированный язык программирования, обычно используемый для создания интерактивных эффектов в веб-браузерах. WordPress широко использует JS для улучшения пользовательского опыта. В то время как PHP выполняется на сервере, JS выполняется в браузере пользователя.
https://www.javascript.com, файлы изображений), кэшируются более агрессивно, поэтому при последующих посещениях страницы загружаются быстрее. - Добавление на главный экран. Вы можете «установить» WordCamp.org на мобильном устройстве подобно обычному приложению, чтобы быстро получать к нему доступ. В будущем установившие его посетители смогут сохранять весь контент в автономном режиме или пользоваться другими улучшениями.
- Старые версии iOSiOS Операционная система, используемая на iPhone и iPad. не поддерживают эту функцию.
Помимо традиционных функций PWA команда также создала собственный шаблон страницы «День мероприятия». Его можно использовать во время проведения мероприятия, чтобы показывать расписание сессий в реальном времени: текущие сессии, следующие сессии и последние записи в блоге WordCamp. Он доступен всем посетителям, даже если их браузеры слишком стары для поддержки функций PWA.
За исключением добавления сайта на главный экран, все перечисленные выше функции доступны посетителям независимо от используемого устройства и одинаково работают на настольных и портативных компьютерах, а также на мобильных устройствах.
Некоторые дополнительные функции обсуждались, но их не удалось создать вовремя:
- Кэширование информации о сессиях и докладчиках по умолчанию в автономном режиме (то есть без необходимости сначала посещать соответствующие страницы)
- Оптимизированные для мобильных устройств верхний и нижний колонтитулыВерхний колонтитул Верхний колонтитул сайта обычно является первым элементом, который видят пользователи. Заголовок или графическое оформление в верхней части страницы — часть внешнего вида вашего сайта. Они могут влиять на мнение посетителя о вашем контенте, а также о бренде вашей организации. В зависимости от размера экрана они могут выглядеть по-разному.
- Push-уведомления о предстоящих сессиях, которые пользователь отметил как избранные
- Push-уведомления о важных объявлениях
Спасибо всем, кто принимал участие в проекте PWA: создавал дизайн, оставлял отзывы о каркасах, давал рекомендации, предлагал идеи или писал код:
@mburridge, @ziontrooper, @avillegasn, @Iceable, @tfrommen, @macloune, @marcusjwilson, @vdwijngaert, @westonruter, @hlashbrooke, @iandunn, @tjnowell, @jb510, @coreymckrill, @andreamiddleton, @sippis, @melchoyce, @karmatosed, @garyj, @webcommsat
Анализ процесса
Теперь, когда WordCamp Europe завершился, было бы полезно изучить процесс разработки и то, как всё прошло. Поэтому, если вы каким-либо образом участвовали в проекте, ваши отзывы здесь будут ценны. Оставьте комментарий ниже, ответив на следующие вопросы:
- Что прошло хорошо в проекте разработки PWA? (Что следует продолжить?)
- Как вы считаете, что прошло не очень хорошо? (Что следует прекратить?)
- Как вы думаете, что мы могли бы делать иначе при разработке новых функций или инструментов для WordCamp.org? (Какие новые действия или практики следует начать применять?)