Перейти к содержимому

Как создать плагин для Payload: пользовательские эндпоинты и интерфейс администратора

Payload

0:00 / 0:00

Как создать плагин для Payload: пользовательские эндпоинты и интерфейс администратора

947 просмотров · 3 мес. назад
Payload
14,9 тыс. подписчиков
947 просмотров · 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