laravel react sample app
2.0
Il s'agit d'une application BigCommerce de base avec deux écrans, une vue récapitulative du catalogue et une liste des commandes pouvant être annulées, construite à l'aide de Laravel et React.
Il est destiné à accélérer votre capacité à transformer un concept d'application en quelque chose d'utilisable dans le panneau de configuration BigCommerce. Un magasin en direct peut installer cette application pendant qu'elle s'exécute localement.
Une procédure pas à pas décrivant les étapes suivies pour produire cette application, ainsi que les étapes requises pour créer l'application dans BigCommerce, peuvent être lues ici.
Avant de vous lancer, vous devez vous assurer que la configuration système requise est remplie :
Pour faciliter le développement PHP et permettre de partager facilement l'application que vous développez, vous souhaiterez utiliser Valet ou Homestead, en fonction de votre système d'exploitation :
Nous utiliserons Valet pour certaines des étapes ci-dessous, mais la fonctionnalité d'hébergement et de partage de sites est similaire dans Valet et Homestead. Ce qui est plus important dans ce didacticiel, c'est comment configurer Laravel pour utiliser React et se connecter à BigCommerce.
Pour installer les dépendances PHP :
composer installEt les dépendances JS :
npm installPour tester sur une boutique BigCommerce, vous pouvez créer un essai gratuit sur bigcommerce.com ou demander une boutique sandbox gratuite en vous inscrivant pour devenir partenaire technologique.
C'est ici que nous allons créer une base de référence pour le développement futur : une application simple qui se charge à une URL spécifique dans votre navigateur et charge un composant React au lieu de l'écran Laravel par défaut.
Créer une nouvelle base de code Laravel Vous pouvez soit utiliser la commande Laravel qui crée le passe-partout initial pour une application dans le répertoire ~/Sites, soit utiliser Composer :
composer global require laravel/installer
laravel new laravel-react-bigcommerce-appou
composer create-project laravel/laravel laravel-react-bigcommerce-appVisitez l'adresse de l'application pour vous assurer qu'elle est disponible localement :
Une fois la commande ci-dessus terminée, nous devrons configurer le répertoire afin que Valet puisse servir l'application en toute sécurité.
cd laravel-react-bigcommerce-app
valet link
valet secureVous devriez maintenant pouvoir visiter l'URL suivante dans votre navigateur et voir l'écran de bienvenue par défaut de Laravel :
https://laravel-react-bigcommerce-app.test
Larvel Breeze fournit un point de départ minimal et simple pour créer une application Laravel, avec des fonctionnalités d'authentification. Il est alimenté par Blade et Tailwind mais peut être configuré comme SPA utilisant Inertia. Dans cet exemple, nous allons alimenter notre interface avec React.
Commençons par installer Breeze :
composer require laravel/breeze --devEnsuite, nous installons l'échafaudage React :
php artisan breeze:install react Remarque : cette dernière commande a exécuté npm install , il n'est donc pas nécessaire d'exécuter cette commande.
Enfin, lancez l'application :
npm run dev une URL Local devrait maintenant être disponible dans votre console pour visiter votre application React
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
Les demandes de tirage sont les bienvenues. Pour les changements majeurs, veuillez d'abord ouvrir un ticket pour discuter de ce que vous souhaitez changer.
MIT
