Giter VIP home page Giter VIP logo

foodgram-project-react's Introduction

Foodgram - продуктовый помощник

workflow Python Django Django REST Framework PostgreSQL JWT Nginx gunicorn Docker Docker-compose Docker Hub GitHub%20Actions Yandex.Cloud Practicum.Yandex

Описание

Сервис для публикации рецептов, подписок на публикации других пользователей, возможность добавлять рецепты в список «Избранное», а для приготовления блюд из рецептов для похода в магазин возможно скачивать сводный список продуктов из рецепта блюда.

Описание Workflow

Workflow состоит из четырёх шагов:
tests
  • Проверка кода на соответствие PEP8.
Push Docker image to Docker Hub
  • Сборка и публикация образа на DockerHub.
deploy
  • Автоматический деплой на боевой сервер при пуше в главную ветку.
send_massage
  • Отправка уведомления в телеграм-чат.

Подготовка и запуск проекта

Клонирование репозитория

Склонируйте репозиторий на локальную машину:

git clone https://github.com/pro100cemuk/foodgram-project-react.git

Установка на удаленном сервере (Ubuntu):

Шаг 1. Выполните вход на свой удаленный сервер

Прежде, чем приступать к работе, необходимо выполнить вход на свой удаленный сервер:

ssh <USERNAME>@<IP_ADDRESS>
Шаг 2. Установите docker на сервер:

Введите команду:

sudo apt install docker.io 
Шаг 3. Установите docker-compose на сервер:

Введите команды:

sudo curl -L "https://github.com/docker/compose/releases/download/1.29.2/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose
sudo chmod +x /usr/local/bin/docker-compose
Шаг 4. Локально отредактируйте файл nginx.conf

Локально отредактируйте файл infra/nginx.conf и в строке server_name впишите свой IP.

Шаг 5. Скопируйте подготовленные файлы из каталога infra:

Скопируйте подготовленные файлы infra/docker-compose.yml и infra/nginx.conf из вашего проекта на сервер в home/<ваш_username>/docker-compose.yml и home/<ваш_username>/nginx.conf соответственно. Введите команду из корневой папки проекта:

scp docker-compose.yml <username>@<host>:/home/<username>/docker-compose.yml
scp nginx.conf <username>@<host>:/home/<username>/nginx.conf
Шаг 6. Cоздайте .env файл:

На сервере создайте файл nano .env и заполните переменные окружения (или создайте этот файл локально и скопируйте файл по аналогии с предыдущим шагом):

SECRET_KEY=<SECRET_KEY>
DEBUG=<True/False>

DB_ENGINE=django.db.backends.postgresql
DB_NAME=postgres
POSTGRES_USER=postgres
POSTGRES_PASSWORD=postgres
DB_HOST=db
DB_PORT=5432
Шаг 7. Добавьте Secrets:

Для работы с Workflow добавьте в Secrets GitHub переменные окружения для работы:

DB_ENGINE=django.db.backends.postgresql
DB_NAME=postgres
POSTGRES_USER=postgres
POSTGRES_PASSWORD=postgres
DB_HOST=db
DB_PORT=5432

DOCKER_PASSWORD=<пароль DockerHub>
DOCKER_USERNAME=<имя пользователя DockerHub>

USER=<username для подключения к серверу>
HOST=<IP сервера>
PASSPHRASE=<пароль для сервера, если он установлен>
SSH_KEY=<ваш SSH ключ (для получения команда: cat ~/.ssh/id_rsa)>

TELEGRAM_TO=<ID своего телеграм-аккаунта>
TELEGRAM_TOKEN=<токен вашего бота>
Шаг 8. После успешного деплоя:

Зайдите на боевой сервер и выполните команды:

На сервере соберите docker-compose:
sudo docker-compose up -d --build
Создаем и применяем миграции:
sudo docker-compose exec backend python manage.py makemigrations --noinput
sudo docker-compose exec backend python manage.py migrate --noinput
Подгружаем статику
sudo docker-compose exec backend python manage.py collectstatic --noinput 
Заполнить базу данных:
sudo docker-compose exec backend python manage.py load_data
Создать суперпользователя Django:
sudo docker-compose exec backend python manage.py createsuperuser
Шаг 9. Проект запущен:

Проект будет доступен по вашему IP-адресу.

Open Source License

GPL v3 (can check in gpl-3.0.md file)

Автор

Семенов Евгений aka pro100cemuk

Развёрнутый проект

http://51.250.67.180/

foodgram-project-react's People

Contributors

pro100cemuk avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.