Этот проект объединяет Django для бэкенда и Vue.js для фронтенда. Все компоненты приложения контейнеризованы с использованием Docker Compose. Ниже представлены инструкции по настройке и запуску проекта.
Для работы с проектом необходимы следующие зависимости:
- Docker для контейнеризации приложения
- Docker Compose для управления многоконтейнерными приложениями
- GNU Make для автоматизации команд (опционально)
Убедитесь, что Docker и Docker Compose установлены на вашем компьютере:
docker --version docker-compose --versionСначала клонируйте проект с GitHub и перейдите в папку проекта:
git clone https://github.com/novozhilov-ivan/Django-VueJS-Docker-Test cd Django-VueJS-Docker-TestПеред запуском проекта необходимо настроить файл окружения .env. Для этого выполните следующие шаги:
Убедитесь, что в корне проекта находится файл .env.example.
Выполните одно из следующих действий: Создайте новый файл .env и скопируйте в него содержимое из .env.example. Затем настройте значения переменных, если это необходимо. Либо просто переименуйте файл .env.example в .env, чтобы использовать значения по умолчанию. Пример команды для переименования файла в терминале (Linux/MacOS):
cat .env.example > .envПосле этого ваш проект будет использовать переменные окружения из файла .env.
- Сборка и запуск контейнеров
Выполните следующую команду, чтобы собрать и запустить контейнеры:
make up-all- Применение миграций базы данных
make migrate- Доступ к приложению
Откройте браузер и перейдите по адресу: http://localhost:8080
- Сборка контейнеров
docker compose -f frontend.yml -f app.yml -f postgres.yml build- Запуск контейнеров
docker compose -f frontend.yml -f app.yml -f postgres.yml up -d- Применение миграций базы данных
docker exec -it images-app python manage.py migrate- Доступ к приложению
Откройте браузер и перейдите по адресу: http://localhost:8080