Une API GraphQL de commerce électronique sans tête qui utilise Laravel comme backend.
Tout d’abord, nous allons installer le service API backend de Laravel. Tout d’abord, nous allons installer l’application Laravel.
composer create-project laravel/laravel avored-backend
cd avored-backend
composer require avored/framework
composer require avored/dummy-data
composer require avored/cash-on-delivery
composer require avored/pickup
Configurez vos valeurs .env et CORS
Pour corriger le CORS dans votre application laravel8. Vous pouvez ouvrir config/cors.php
et remplacer le code comme ci-dessous dans le fichier.
'allowed_origins' => ['http://localhost:8080'],
Une fois la configuration de .env terminée, nous pouvons installer le commerce électronique AvoRed
php artisan avored:install
php artisan vendor:publish --provider="AvoRedFrameworkAvoRedServiceProvider"
yoursite.com/graphiql
Une fois le framework/avored installé, nous nous assurerons de configurer le CORS pour permettre l'accès à une API graphql via n'importe quelle interface.
git clone https://github.com/avored/laravel-ecommerce avored-frontend
cd avored-frontend
npm install
npm run serve
Exécutez la commande ci-dessous :
git clone https://github.com/avored/docker-dev.git
cd docker-dev
git clone https://github.com/avored/laravel-ecommerce ./src/frontend
docker-compose up -d
docker-compose run --rm composer create-project laravel/laravel:8.6 ./
docker-compose run --rm composer require avored/framework
docker-compose run --rm composer require avored/dummy-data avored/cash-on-delivery avored/pickup
Maintenant, configurez le fichier .env
. Ouvrez un fichier .env d'application préféré qui se trouve dans ./src/backend/.env
puis configurez votre base de données et tout autre environnement selon votre fichier docker-compose.yml.
DB_HOST=mysql
DB_DATABASE=homestead
DB_USERNAME=homestead
DB_PASSWORD=secret
Il ne nous reste plus qu'à installer AvoRed et créer un compte utilisateur administrateur préféré
docker-compose run --rm artisan avored:install
docker-compose run --rm artisan vendor:publish --provider="AvoRedFrameworkAvoRedServiceProvider"
Nous devons maintenant configurer CORS pour que l'application frontend puisse recevoir un appel API du backnd. Ouvrez ./src/backend/config/cors.php
puis remplacez la ligne ci-dessous
'paths' => ['/graphql', 'sanctum/csrf-cookie'],
'allowed_origins' => ['http://localhost:8060'],
C'est ça. Vous pouvez maintenant visiter http://localhost:8060
pour le frontend et pour le backend, vous pouvez visiter http://localhost:8050/admin