Wie richtet man ein B2B-Einkäuferportal für die lokale Entwicklung ein?

This entry was posted in B2B, BigCommerce, Bigcommerce Unterrichtsmaterial and tagged on by .

Das B2B-Käuferportal ist eine Open-Source-Frontend-Anwendung im Monorepo-Format, die für das Käuferportal der BigCommerce B2B Edition entwickelt wurde. Dieses Käuferportal basiert auf Turborepo, TypeScript und React. Dadurch können Entwickler mithilfe des Quellcodes des Käuferportals ein maßgeschneidertes Käuferportal-Erlebnis erstellen und so die Kosten der Lösung für komplexe B2B-Anforderungen senken. BigCommerce bietet Entwicklern eine solide Grundlage für Innovationen und Anpassungen an individuelle Geschäftsanforderungen, sodass Entwickler und Marken flexibel bleiben und ihre Wettbewerbsfähigkeit in der sich ständig verändernden B2B-E-Commerce-Landschaft bewahren können.

Indem Sie das Open-Source-GitHub-Repository des B2B-Käuferportals von BigCommerce klonen, können Sie das B2B-Käuferportal an Ihre Anforderungen anpassen. Sie können Ihr angepasstes B2B-Käuferportal auf Ihrem eigenen Server hosten und es als selbst gehostetes Käuferportal nutzen.

Voraussetzungen

Bevor Sie das B2B-Einkäuferportal für die Anpassungen lokal einrichten, müssen folgende Voraussetzungen erfüllt sein:

  • Zugriff auf die B2B Edition-App im Bigcommerce-Kontrollpanel
  • B2B in Ihrem Kanal über die Einstellungen der B2B Edition aktivieren
  • Git
  • Node.js-Version >= 22.16.0
  • Yarn v1.22.17

Lokale Entwicklung

Befolgen Sie diese Schritte für die lokale Entwicklung des B2B-Käuferportals:

1. Installieren Sie zunächst nvm.

2. Führen Sie nach der Installation von nvm den folgenden Befehl im Terminal bzw. in der Eingabeaufforderung aus, um die erforderliche Node.js-Version zu installieren.

nvm install 22 && nvm use 22

3. Nun können Sie Yarn mit dem folgenden Befehl installieren.

npm install -g yarn

4. Führen Sie nach der Installation von Yarn den folgenden Befehl aus, um das Repository „b2b-buyer-portal“ zu klonen.

git clone https://github.com/bigcommerce/b2b-buyer-portal.git

5. Rufen Sie nun mit diesem Befehl das B2B-Einkäuferportal auf.

cd b2b-buyer-portal

6. Installieren Sie anschließend die Abhängigkeiten mit dem folgenden Befehl.

yarn

7. Kopieren Sie die Umgebungsvariablen mit dem folgenden Befehl in die Datei „.env“.

cp apps/storefront/.env-example apps/storefront/.env

8. Passen Sie nun die Werte in der Datei .env an Ihre individuellen Anforderungen an.

9. Starten Sie anschließend den Entwicklungsserver mit dem folgenden Befehl.

yarn dev

Sie sollten die Website Ihres Shops über deren URL aufrufen, anstatt http://localhost:3001/ zu verwenden. Die „localhost“-URL ist die Basis-URL des B2B-Käuferportals, während Sie das Käuferportal auf der BigCommerce Stencil-Storefront oder auf Headless-Storefronts entwickeln. Lesen Sie dazu die Anleitung zur Entwicklung eines B2B-Käuferportals auf der BigCommerce-Stencil-Storefront-Plattform. Lesen Sie außerdem die Anleitung zur Entwicklung eines B2B-Käuferportals auf Headless-Storefronts wie Catalyst, NextJS und anderen.

Bitte kontaktieren Sie uns unter wargis@bay20.com/manish@bay20.com oder rufen Sie uns unter +91-8800519180 / +91-9582784309 an, wenn Sie Unterstützung im Zusammenhang mit BigCommerce benötigen. Sie können auch die BigCommerce-Entwicklungsseite besuchen, um sich über unsere angebotenen Dienstleistungen zu informieren.