Uma API GraphQL de comércio eletrônico sem cabeça que usa Laravel como back-end.
A primeira coisa a fazer é instalar o serviço de API backend laravel. Primeiramente instalaremos o aplicativo 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 seus valores .env e CORS
Para corrigir o CORS em seu aplicativo laravel8. Você pode abrir config/cors.php
e substituir o código como abaixo no arquivo.
'allowed_origins' => ['http://localhost:8080'],
Assim que a configuração do .env estiver concluída, podemos instalar o AvoRed E commerce
php artisan avored:install
php artisan vendor:publish --provider="AvoRedFrameworkAvoRedServiceProvider"
yoursite.com/graphiql
Depois que o avored/framework for instalado, garantiremos que configuramos o CORS para permitir o acesso de uma API Graphql por meio de qualquer frontend.
git clone https://github.com/avored/laravel-ecommerce avored-frontend
cd avored-frontend
npm install
npm run serve
Execute o comando abaixo:
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
Agora configure o arquivo .env
. Abra um arquivo .env do aplicativo preferido, localizado em ./src/backend/.env
e configure seu banco de dados e qualquer outro ambiente de acordo com seu arquivo docker-compose.yml
DB_HOST=mysql
DB_DATABASE=homestead
DB_USERNAME=homestead
DB_PASSWORD=secret
Agora só precisamos instalar o AvoRed e criar uma conta de usuário administrador preferida
docker-compose run --rm artisan avored:install
docker-compose run --rm artisan vendor:publish --provider="AvoRedFrameworkAvoRedServiceProvider"
Agora precisamos configurar o CORS para que o aplicativo frontend possa receber chamadas de API do backnd. Abra ./src/backend/config/cors.php
e substitua a linha abaixo
'paths' => ['/graphql', 'sanctum/csrf-cookie'],
'allowed_origins' => ['http://localhost:8060'],
É isso. Agora você pode visitar http://localhost:8060
para frontend e para backend você pode visitar http://localhost:8050/admin