WordPress Setup
Статус подключения
Информация о подключении
Настройки подключения
WordPress GraphQL API URL (публичный):
https://wiki1.wifly.ru/graphql
Статус аутентификации:
Проверяется компонентом "Статус подключения" выше. Он использует серверные переменные окружения для аутентификации.
Необходимые переменные окружения (серверные):
# URL для WordPress API (используется на сервере)
WORDPRESS_API_URL=https://your-wordpress-site.com/graphql
# Учетные данные для аутентификации (используются на сервере)
WORDPRESS_USERNAME=your-wordpress-username
WORDPRESS_APP_PASSWORD=your-application-password
# URL для WordPress API (доступный на клиенте, если нужен)
NEXT_PUBLIC_WORDPRESS_API_URL=https://your-wordpress-site.com/graphql
Эти переменные должны быть установлены в настройках вашего проекта на Vercel.
Настройка аутентификации
Настройка пароля приложения в WordPress
- Войдите в админ-панель WordPress
- Перейдите в раздел Пользователи → Профиль
- Прокрутите вниз до раздела Пароли приложений
- Введите название для пароля (например, "Wiki API")
- Нажмите Добавить новый пароль приложения
- Скопируйте сгенерированный пароль (он будет показан только один раз)
- Добавьте следующие переменные окружения в файл
.env.local
:
WORDPRESS_APP_PASSWORD=your-application-password
После настройки переменных окружения перезапустите сервер разработки, чтобы изменения вступили в силу.
Обычно это URL вашего WordPress сайта с добавлением /graphql в конце
1. Установите плагин WPGraphQL
Для работы GraphQL API необходимо установить и активировать плагин WPGraphQL на вашем WordPress сайте.
- Войдите в админ-панель WordPress
- Перейдите в раздел "Плагины" → "Добавить новый"
- В поиске введите "WPGraphQL"
- Установите и активируйте плагин "WPGraphQL"
2. Проверьте GraphQL эндпоинт
После установки плагина, GraphQL API будет доступен по адресу:
https://ваш-сайт.com/graphql
Вы можете проверить работу API, открыв этот URL в браузере. Если плагин настроен правильно, вы увидите сообщение о том, что это GraphQL API эндпоинт.
3. Настройте переменную окружения
Добавьте URL GraphQL API в переменную окружения WORDPRESS_API_URL
в вашем проекте Next.js.
Для локальной разработки добавьте переменную в файл .env.local
:
WORDPRESS_API_URL=https://ваш-сайт.com/graphql
Для продакшена добавьте переменную окружения в настройках вашего хостинга.