Как создать плагин для Payload: пользовательские эндпоинты и интерфейс администратора
Payload
0:00 / 0:00
Как создать плагин для Payload: пользовательские эндпоинты и интерфейс администратора
944 просмотра · 3 мес. назад
Payload
14,9 тыс. подписчиков
944 просмотра · 3 мес. назад
📦 В первой части мы создали ядро нашего плагина Payload с пользовательскими полями, хуками и автоматической генерацией плейсхолдеров для эффекта размытия. Вы можете посмотреть это здесь: • How to Build a Payload Plugin From Scratch
Во второй части мы сделаем плагин интерактивным.
👨💻 Вы узнаете, как регистрировать пользовательские конечные точки в вашем плагине Payload, безопасно обрабатывать аутентифицированные запросы и создавать пользовательский компонент административной панели, который генерирует предварительный просмотр эффекта размытия в реальном времени без сохранения документа. Попутно мы подключим сервер и административный интерфейс Payload, чтобы создать гораздо более совершенный плагин.
В этом видео вы узнаете:
• Регистрацию пользовательских конечных точек плагинов
• Учет контроля доступа Payload
• Создание пользовательских компонентов административной панели
• Вызов конечных точек плагинов из административного интерфейса
• Добавление интерактивных полей боковой панели
• Предварительный просмотр изменений плагина перед сохранением
К концу этого видео у вас будет все необходимое для создания полнофункциональных плагинов Payload с пользовательской серверной логикой и интерактивным административным интерфейсом.
РАЗДЕЛЫ:
0:00 Введение
0:35 Создание пользовательской конечной точки плагина
4:38 Регистрация конечной точки
5:41 Создание компонента предварительного просмотра в админке
8:42 Перегенерация предварительного просмотра с эффектом размытия по запросу
11:37 Добавление пользовательского интерфейса в плагин
12:57 Тестирование предварительного просмотра в реальном времени
13:30 Публикация и использование плагина
14:06 Заключение
📦 Репозиторий: https://github.com/nick-vogel/payload...
🚀 NPM-пакет: https://www.npmjs.com/package/@nlvoge...
👨🏻💻💻👨💻 Начните создавать Payload по адресу: npx create-payload-app
Поставьте нам звездочку: https://github.com/payloadcms/payload
Присоединяйтесь к сообществу Payload: / discord
Подписывайтесь на нас: https://x.com/payloadcms
Что такое Payload?
Payload — это бэкенд с открытым исходным кодом на Next.js, используемый в продакшене самыми инновационными компаниями в мире.
Узнайте больше: https://payloadcms.com