Wie installiert man VueStoreFront und verbindet es mit dem Shopware 6 Store?

Die Installation von VueStoreFront und die Verbindung mit Shopware 6 ist ziemlich einfach und unkompliziert.

Zunächst müssen Sie Shopware 6 installieren. Hierfür können Sie einen anderen Blogbeitrag lesen, der Sie bei der Installation von Shopware 6 mit Docker anleitet.

Beginnen wir nun mit der Installation von VueStoreFront.

Schritt 1: Installieren Sie node und yarn (ich verwende node v14.17.1 und yarn 1.22.10)

Schritt 2: Sobald die Systemvoraussetzungen erfüllt sind, müssen Sie das Shopware PWA Plugin in Ihrem Shopware Setup installieren. Sie können den folgenden Composer-Befehl verwenden, um das Plugin zu installieren.

composer require shopware-pwa/shopware-pwa

Schritt 3: Sobald das Shopware PWA Plugin installiert ist, führen Sie den folgenden Befehl aus, um das Plugin zu aktualisieren, zu installieren und zu aktivieren.

bin/console plugin:refresh && bin/console plugin:install --activate SwagShopwarePwa

Schritt 4: Wechseln wir nun wieder in das Shopware PWA-Verzeichnis und führen den folgenden Befehl aus. Nachdem wir diesen Befehl ausgeführt haben, müssen wir Informationen wie API-Schlüssel, Admin und Passwort angeben

npx @shopware-pwa/cli@canary init

Schritt 5: Sobald der Befehl abgeschlossen ist, führen Sie den folgenden Befehl aus, um das PWA-Setup für Shopware zu erstellen.

yarn dev

Sobald alles funktioniert, erhalten Sie die Details wie im untenstehenden Screenshot. Sie können die Abhör-URL kopieren und sie im Browser öffnen.

Bitte kontaktieren Sie uns unter manish@bay20.com oder rufen Sie uns unter +91-8800519180 an, wenn Sie Unterstützung für Shopware 6 benötigen. Sie können auch die Shopware-Entwicklungsseite besuchen, um die von uns angebotenen Dienstleistungen zu prüfen.