Una API GraphQL de comercio electrónico sin cabeza que utiliza Laravel como backend.
Lo primero que vamos a hacer es instalar el servicio API de backend de Laravel. Lo primero que vamos a hacer es instalar la aplicación 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
Configure sus valores .env y CORS
Para arreglar el CORS en su aplicación laravel8. Puede abrir config/cors.php
y reemplazar el código como se muestra a continuación en el archivo.
'allowed_origins' => ['http://localhost:8080'],
Una vez realizada la configuración de .env, podemos instalar el comercio electrónico AvoRed.
php artisan avored:install
php artisan vendor:publish --provider="AvoRedFrameworkAvoRedServiceProvider"
yoursite.com/graphiql
Una vez que se haya instalado avored/framework, nos aseguraremos de configurar CORS para permitir el acceso a una API de Graphql a través de cualquier interfaz.
git clone https://github.com/avored/laravel-ecommerce avored-frontend
cd avored-frontend
npm install
npm run serve
Ejecute el siguiente comando:
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
Ahora configure el archivo .env
. Abra el archivo .env de una aplicación favorita que se encuentra en ./src/backend/.env
y luego configure su base de datos y cualquier otro entorno según su archivo docker-compose.yml
DB_HOST=mysql
DB_DATABASE=homestead
DB_USERNAME=homestead
DB_PASSWORD=secret
Ahora solo nos queda instalar AvoRed y crear una cuenta de usuario administrador avored.
docker-compose run --rm artisan avored:install
docker-compose run --rm artisan vendor:publish --provider="AvoRedFrameworkAvoRedServiceProvider"
Ahora necesitamos configurar CORS para que la aplicación frontend pueda recibir llamadas API desde el backnd. Abra ./src/backend/config/cors.php
y luego reemplace la línea siguiente
'paths' => ['/graphql', 'sanctum/csrf-cookie'],
'allowed_origins' => ['http://localhost:8060'],
Eso es todo. Ahora puede visitar http://localhost:8060
para el frontend y para el backend puede visitar http://localhost:8050/admin