laravel ecommerce

AvoRed ist ein kopfloser E-Commerce von Laravel

Eine Headless-E-Commerce-GraphQL-API, die Laravel als Backend verwendet.

Installation

Backend-APP-Setup

Als Erstes installieren wir den Laravel-Backend-API-Dienst. Als Erstes installieren wir die Laravel-App.

 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

Richten Sie Ihre .env-Werte und CORS ein

Um das CORS in Ihrer Laravel8-App zu beheben. Sie können config/cors.php öffnen und den Code wie unten in der Datei ersetzen.

 'allowed_origins' => ['http://localhost:8080'],

Sobald die .env-Einrichtung abgeschlossen ist, können wir AvoRed E-Commerce installieren

 php artisan avored:install
php artisan vendor:publish --provider="AvoRedFrameworkAvoRedServiceProvider"
yoursite.com/graphiql

Sobald das Avored/Framework installiert wurde, stellen wir sicher, dass wir das CORS so einrichten, dass der Zugriff auf eine GraphQL-API über jedes Frontend möglich ist.

Frontend-APP-Setup

 git clone https://github.com/avored/laravel-ecommerce avored-frontend
cd avored-frontend
npm install
npm run serve

Installation über Docker

Führen Sie den folgenden Befehl aus:

 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

Richten Sie nun .env Datei ein. Öffnen Sie eine bevorzugte .env-App-Datei, die sich unter ./src/backend/.env befindet, und richten Sie dann Ihre Datenbank und alle anderen Umgebungen gemäß Ihrer docker-compose.yml-Datei ein

 DB_HOST=mysql
DB_DATABASE=homestead
DB_USERNAME=homestead
DB_PASSWORD=secret

Jetzt müssen wir nur noch AvoRed installieren und ein bevorzugtes Admin-Benutzerkonto erstellen

 docker-compose run --rm artisan avored:install
docker-compose run --rm artisan vendor:publish --provider="AvoRedFrameworkAvoRedServiceProvider"

Jetzt müssen wir CORS einrichten, damit die Frontend-Anwendung API-Aufrufe von Backnd empfangen kann. Öffnen Sie ./src/backend/config/cors.php und ersetzen Sie dann die folgende Zeile

    'paths' => ['/graphql', 'sanctum/csrf-cookie'],
    'allowed_origins' => ['http://localhost:8060'],

Das ist es. Jetzt können Sie http://localhost:8060 für das Frontend und für das Backend http://localhost:8050/admin besuchen