Разработка приложения для такси с Django Channels и React [TDD] [Jason Parent] [Повтор]

Developing a Real-Time Taxi App with Django Channels and React v.3.0.0 Язык: Английский Часть 1 В 1 части вы узнаете, как запрограммировать серверный код приложения для совместного использования поездок. Мы начнем с разработки пользовательской модели аутентификации пользователей и профиля данных. Затем мы создадим модель данных для отслеживания поездок, а также API, которые предоставляют доступ к этим данным. Наконец, мы будем использовать асинхронный Django Channels для отправки и получения сообщений через WebSockets. На протяжении всей этой части мы будем тестировать каждую функцию, чтобы убедиться, что код, который мы пишем, работает так, как мы ожидаем. Создайте RESTful API с помощью платформы Django REST Реализуйте аутентификацию на основе токенов с помощью веб-токенов JSON (JWT) Используйте Django Channels для создания и обновления данных на сервере Отправляйте сообщения в пользовательский интерфейс с сервера через WebSockets Протестируйте сопрограммы asyncio с помощью pytest Инструменты и технологии: (асинхронный) Python, Django, Django REST Framework, Django Channels, Redis, PostgreSQL, JSON Web Tokens (JWT) Часть 2 В 2 части вы сделаете первые шаги по настройке пользовательского интерфейса приложения. Мы начнем с создания интерфейсного приложения React. Используя JSX, мы напишем компоненты и службы в дополнение к API аутентификации, которые позволяют пользователям регистрироваться, входить и выходить из системы. Опять же, мы обязательно протестируем наше приложение на этом пути, на этот раз используя платформу сквозного тестирования Cypress. Прежде чем мы закончим эту часть, вы узнаете, как запускать как внешний, так и внутренний интерфейс в одном контейнере Docker. Создайте приложение React с нуля с помощью приложения Create React Сделайте функциональные компоненты React, которые используют React Hooks Настройте маршрутизацию для навигации между различными представлениями в вашем приложении Напишите модульные и сквозные тесты с помощью Cypress, чтобы подтвердить, что ваш код работает должным образом Имитация запросов AJAX с помощью Cypress Реализуйте начальную загрузку, чтобы улучшить внешний вид вашего пользовательского интерфейса Формы кода, которые асинхронно отправляют данные на сервер Запустите сервер и клиент как службы Docker Используйте аутентификацию, чтобы конечные пользователи могли регистрироваться, входить и выходить из приложения Инструменты и технологии: React, Cypress, Docker, React Hooks Часть 3 В 3 части вы закончите кодирование интерфейса и соедините пользовательский интерфейс с API сервера. Продолжая с того места, на котором мы остановились в части 2, мы расширим наш пользовательский интерфейс, чтобы создать две панели мониторинга-одну для гонщика и одну для водителя. Здесь мы также создадим код JSX, необходимый для установления соединения WebSockets с сервером и подписки на него. Наряду с ручным тестированием мы проверим работу приложения в режиме реального времени с помощью автоматических тестов. Мы также включим Google Maps, чтобы пользователи могли визуализировать свое текущее местоположение и адреса, которые они вводят. Выполните побочные эффекты в функциональных компонентах React с помощью Effect Hook (useEffect) Используйте веб-сайты в React Добавьте всплывающие уведомления для реагирования Интеграция Google Maps API в приложение React Инструменты и технологии: (асинхронный) Python, Django, Django Channels, React, Cypress, WebSockets, Google Maps, геолокация, React Hooks