Django + React (Vite)

В настоящее время я пытаюсь установить Django в качестве бэкенда с React (используя Vite) для фронтенда, и у меня возникло несколько вопросов о том, как лучше всего заставить их работать вместе.

Кто-нибудь делал это и может поделиться советом? А именно:

  1. Какой наиболее эффективный способ подключения бэкенда Django к фронтенду React? Стоит ли мне ориентироваться на REST-фреймворк Django для работы с данными, или есть другие подходы, которые хорошо работают?

    .

  2. Как вы обычно обрабатываете аутентификацию пользователей между Django и React, особенно если задействована социальная аутентификация?

  3. Есть ли хорошие учебники, статьи или видео, которые вы бы порекомендовали для правильной настройки, включая управление сериализацией, потоком данных и средами разработки?

Огромное спасибо за любую помощь или подсказки, которыми вы можете поделиться!

  1. Настройка бэкенда Django Сначала убедитесь, что ваш бэкенд Django настроен и работает.

  2. Установка React Frontend с помощью Vite Далее создайте фронтенд React с помощью Vite

    .

  3. Включите CORS в Django Чтобы ваш React-фронтенд мог взаимодействовать с вашим Django-бэкендом, необходимо включить кросс-оригинальный обмен ресурсами (CORS). Для этого можно использовать пакет django-cors-headers:

pip install django-cors-headers

Затем добавьте его в файл settings.py:

python УСТАНОВЛЕННЫЕ_ПРИЛОЖЕНИЯ = [ ... 'corsheaders', ... ]

MIDDLEWARE = [ ... 'corsheaders.middleware.CorsMiddleware', ... ]

CORS_ALLOW_ALL_ORIGINS = True # Только для разработки. В производстве используйте белый список.

  1. Создание конечных точек API в Django Настройте ваш REST-фреймворк Django для создания конечных точек API, которые может использовать ваше приложение React. Для этого вы можете воспользоваться документацией по фреймворку Django REST.

  2. Получение данных из Django API в React В своем приложении React используйте fetch API или библиотеку вроде Axios для получения данных из бэкенда Django

    .

  3. Сборка и развертывание Когда вы будете готовы к развертыванию, создайте ваше React-приложение с помощью Vite

    .

Интеграция React-Vite с Django. https://www.youtube.com/watch?v=NJVaySJAbw0&form=MG0AV3

Django React Integration with Vite -https://gist.github.com/sudarshan24-byte/ded3236d38b15787729de86c6cb420e3?form=MG0AV3

Я тоже застрял на том же самом. После долгих поисков я нашел на YouTube учебник от PedroTech о создании CRUD-приложения с использованием React Vite для фронтенда и Django для бэкенда. Интеграция оказалась намного проще и легче по сравнению с тем, что предлагает «create-react-app». Теперь я жду его учебник по электронной коммерции, потому что в нем, скорее всего, будут рассмотрены концепции маршрутизаторов на фронтенде, аналогичные бэкенду, а также развертывание.

Вернуться на верх