В этом руководстве показано, как создать реальное приложение с помощью React и Foal. Предполагается, что вы уже прочитали руководство Как создать простой список дел и обладаете базовыми знаниями о React и Node.
В этом руководстве вы научитесь:
- устанавливать соединение с MySQL или Postgres,
- предоставлять учетные данные приложению безопасным способом,
- создавать модели со многими к одному отношения,
– используйте построитель запросов,
– создайте интерфейс для тестирования вашего API (пользовательский интерфейс Swagger),
– исправьте ошибки политик одного происхождения,
– разрешите пользователям вести журнал войти и зарегистрироваться с адресом электронной почты и паролем,
- аутентифицировать пользователей во внешнем и внутреннем интерфейсе,
- управлять контролем доступа,
- защищать от атак CSRF,
- загружать и сохранять файлы,
— разрешать пользователям подключаться к поставщику социальных сетей (Google),
— и создавать приложение для производства.
Для простоты внешнее приложение не будет использовать библиотеку управления состоянием (такую как redux). Но вы, конечно, можете добавить один, если хотите. Дальнейшая логика останется в основном той же.
Обзор приложения
Приложение, которое вы создадите, представляет собой социальный веб-сайт, где пользователи могут делиться интересными ссылками на учебные пособия. Все сообщения будут общедоступными, поэтому для их просмотра не потребуется аутентификация. С другой стороны, публикация сообщения потребует создания учетной записи.
Начать
Давайте начнем. Прежде всего, создайте новый каталог.
mkdir foal-react-tuto
Сгенерируйте серверное приложение.
cd foal-react-tuto
npm install -g @foal/cli
foal createapp backend-app
Затем запустите сервер разработки.
cd backend-app
npm run development
Перейдите по адресу http://localhost:3001 в вашем браузере. Вы должны увидеть сообщение Добро пожаловать на борт.
Остальная часть туториала доступна здесь.
