9. Что нужно, чтобы связать REST API и форму на Vue? 🦧

Этап 1. Настраиваем клиент на Vue для отправки запросов

1. Напиши GET-запрос из клиента на сервер (вспоминаем fetch), в котором ты будешь запрашивать все вопросы (начнём с простого)
2. Теперь напиши GET-запрос, который будет запрашивать только один вопрос (выбираем его по id)

Этап 2. Строим REST API на Flask

3. Уложи в своей головушке, как строится API в принципе (там будет мощное видео)
4. После выпуска об API тебе не сложно будет понять, как построить API стандарта REST
5. Установи себе FastAPI. В рамках проекта я буду показывать примеры именно на этом простом, минималистичном фреймворке, ведь именно FastAPI идеально подходит для быстрой постройки API
6. Теперь наша задача написать ответы на сервере. Для этого нам как раз и понадобится FastAPI
7. Первым делом мы создаём эндпоинт (путь/обработчик на сервере) для приёма GET-запроса на все ответы
8. Вторым делом - эндпоинт для ответа на отдельный вопрос (по id)
9. Сначала отправляем на клиент какие-то тестовые данные. Например, такой ответ отправляем для одного вопроса:

{
  "question": "What is the capital of France?",
  "id": 1
}

8. А такой - для всех:

{
  "question": "What is the capital of France?",
  "id": 10
}

Этап 3. Связываем API с MongoDB, чтобы сохранить и делиться зашифрованными вопросами

10. Когда API заработает и наш клиент на Vue начнёт принимать данные, наша задача - заняться отправкой настоящих данных, пусть пока и зашифрованных
11. Для простоты переносим зашифрованные вопросы из JSON в Python (у нас получится массив с объектами)
12. Далее отправляем на клиент полный массив (все вопросы) или выборочный вопрос (по id)
13. Проверяем, чтобы клиент получил вопросы

Этап 4. Выводим зашифрованные вопросы на Vue

14. Теперь дело за малым: взять вопросы да и вывести их в форму на Vue
15. Правда, на этом этапе тоже могут возникнуть трудности. Если что, я помогу