Мой первый пост, как интересно!
Я Крис, и моя главная “должность” – старший разработчик интерфейсов для Isobar Australia в Мельбурне но я также начинающий разработчик AEM.
Фон
С момента моей первой встречи с AEM (Adobe Experience Manager) я всегда был в определенной степени разочарован отсутствием современных точек интеграции для разработчиков переднего плана.
В рамках Isobar я работал над проектом, который мы называем Compose , целью которого было предоставить webpack нашим клиентам, но без необходимости тратить много времени на разработку.
Проблема
Все еще требовалось время на разработку… 😢
Прискорбная реальность webpack заключается в том, что по мере того, как вы проходите через обновления времени, они становятся все более частыми и за ними все труднее уследить, и это стало особенно актуально, когда webpack 5 присоединился к веселью.
Предоставление технологической платформы, которую разработчики переднего плана могут просто клонировать git и использовать, сложно и требует ряда дополнительных плагинов, что связано с высокой стоимостью долга, которую клиентам трудно продать клиентам.
Решение
Используйте что-то, что не является webpack, но предоставляет современные возможности!?
Очевидным выбором было бы снежный покров но я недостаточно знаком с этим.
К счастью для меня, Даже Ты объявил о Вите еще в феврале.
Примерно до середины марта я по-настоящему не играл с Витой, жаль, что я не попробовал это раньше.
Еще одна проблема
После использования Vita около недели я знал, что она идеально подходит для AEM, но столкнулся с препятствием; как мне интегрировать это в AEM?
Другое решение
Я решил это довольно просто, я построил что-то с нуля, чтобы сначала удовлетворить свои потребности.
AEM Vite родился в начале апреля, но точная дата спорна, так как я все переставил, прежде чем отправиться на GitHub.
Как работает AEM Vite
В видео AEM используется фильтр Sling , который перехватывает и анализирует запросы, используя разрешенный список путей к контенту.
По замыслу, он использует подход, основанный на согласии, чтобы не прерывать и не замедлять работу во время нормальной разработки.
При обнаружении допустимого пути запроса будут повторены конфигурации, определенные проектом, на которых автоматически определяется, когда запущен сервер разработки Vite. При обнаружении сервера разработки все определенные вами клиентские библиотеки будут удалены со страницы, а клиентский код сервера разработки будет введен, что обеспечит полностью прозрачный рабочий процесс.
Самая крутая часть – остановка сервера разработки автоматически перезагружает вашу вкладку, и ваши клиентские библиотеки возвращаются на страницу в обычном режиме.
Снова сделать разработку переднего плана в AEM увлекательной
Как упоминалось ранее, все это произошло из-за моих личных разочарований. Моей ключевой целью было поделиться чем-то с другими удивительными разработчиками, чтобы они тоже внесли некоторую свежесть в свои рабочие процессы разработки без необходимости самостоятельно разбираться во всем этом безумии.
В заключение
Я многому научился, я страдал допоздна после работы и по выходным, чтобы заставить функции работать, но в конце концов все это окупилось.
AEM Vite – это мой способ продемонстрировать, что интерфейсные технологии относятся к корпоративному пространству, это просто требует некоторого времени, усилий и немного любви ❤ ️.
Проверьте это сегодня по адресу aemvite.dev .
Оригинал: “https://dev.to/cshawaus/introducing-aem-vite-3718”