laravel react sample app
2.0
Это базовое приложение BigCommerce с двумя экранами, сводным представлением каталога и списком заказов, которые можно отменить, созданное с помощью Laravel и React.
Он предназначен для того, чтобы быстро отследить вашу способность воплотить концепцию приложения во что-то полезное в панели управления BigCommerce. Живой магазин может установить это приложение, пока оно работает локально.
Пошаговое руководство, описывающее шаги, предпринятые для создания этого приложения, а также шаги, необходимые для создания приложения в BigCommerce, можно прочитать здесь.
Прежде чем приступить к работе, вам необходимо убедиться, что у вас соблюдены системные требования:
Чтобы упростить разработку PHP и обеспечить легкий доступ к разрабатываемому вами приложению, вам следует использовать Valet или Homestead, в зависимости от вашей ОС:
Мы будем использовать Valet для некоторых шагов, описанных ниже, но функции размещения и публикации сайтов одинаковы как в Valet, так и в Homestead. В этом руководстве важнее всего то, как настроить Laravel для использования React и подключения к BigCommerce.
Чтобы установить зависимости PHP:
composer installИ зависимости JS:
npm installЧтобы протестировать магазин BigCommerce, вы можете создать бесплатную пробную версию на bigcommerce.com или запросить бесплатный магазин-песочницу, зарегистрировавшись в качестве технического партнера.
Здесь мы создадим основу для будущей разработки: простое приложение, которое загружается по определенному URL-адресу в вашем браузере и загружает компонент React вместо экрана Laravel по умолчанию.
Создайте новую базу кода Laravel. Вы можете использовать команду Laravel, которая создает исходный шаблон для приложения в каталоге ~/Sites, или использовать Composer:
composer global require laravel/installer
laravel new laravel-react-bigcommerce-appили
composer create-project laravel/laravel laravel-react-bigcommerce-appПосетите адрес приложения, чтобы убедиться, что оно доступно локально:
После выполнения приведенной выше команды нам нужно будет настроить каталог, чтобы Valet мог безопасно обслуживать приложение.
cd laravel-react-bigcommerce-app
valet link
valet secureТеперь вы сможете посетить следующий URL-адрес в своем браузере и увидеть экран приветствия Laravel по умолчанию:
https://laravel-react-bigcommerce-app.test
Larvel Breeze обеспечивает минимальную и простую отправную точку для создания приложения Laravel с функциями аутентификации. Он работает на базе Blade и Tailwind, но его можно настроить как SPA с помощью Inertia. В этом примере мы активируем наш интерфейс с помощью реакции.
Сначала давайте установим Breeze:
composer require laravel/breeze --devЗатем устанавливаем реактивные леса:
php artisan breeze:install react Примечание. Эта последняя команда выполнила npm install поэтому запускать эту команду нет необходимости.
Наконец, запустите приложение:
npm run dev Local URL-адрес теперь должен быть доступен в вашей консоли для посещения вашего реагирующего приложения.
http://127.0.0.1:5173/
https://laravel.com/docs/10.x/installation#your-first-laravel-project https://laravel.com/docs/10.x/starter-kits
Запросы на вытягивание приветствуются. Если вы хотите внести существенные изменения, пожалуйста, сначала откройте вопрос, чтобы обсудить, что вы хотели бы изменить.
Массачусетский технологический институт
