wp decoupled

WP entkoppelt ⚡

Dies ist ein React -Themen -Boilerplate für WordPress, der mit dem nächsten JS, Webpack, Babel, Knoten, Express erstellt wurde.

Live -Demo -Site.

Live -Demo

Demo?

Erste Schritte ?

Mit diesen Anweisungen werden Sie für Entwicklungszwecke eine Kopie des Projekts auf Ihrer lokalen Maschine in Betrieb genommen.

Installation?

1. Klonen Sie dieses Repo unter [email protected]:rtCamp/wp-decoupled.git
2. cd wp-decoupled
3. nvm use
4. npm install

Backend konfigurieren (WordPress -Site)?

1. Fügen Sie GraphQL -Unterstützung für WordPress hinzu

1. Klonen und aktivieren Sie die folgenden Plugins in Ihrem WordPress -Plugin -Verzeichnis:

   • WP-Graphql enthält GraphQL für WordPress
   • WP-Graphql-JWT-Authentikation Dieses Plugin erweitert das WP-Graphql-Plugin, um die Authentifizierung mit JWT bereitzustellen.
   • WP-Graphiql bietet dem WP-Admin Graphiql ide (Spielplatz)
   • WP-Graphql-woocommerce fügt einem WPGRAPHQL-Schema eine WooCommerce-Funktionalität hinzu (getestet bis v0.7.0 von WP-Graphql-woocommerce)

2. You can also import default wooCommerce products that come with wooCommerce Plugin for development ( if you don't have any products in your WordPress install ) WP Dashboard > Tools > WooCommerce products(CSV) : The WooCommerce default products csv file is available at wp-content/plugins/woocommerce/sample-data/sample_products.csv

2. zur Authentifizierung

A. Sie können jedes geheime Token Ihrer Wahl verwenden. Es wäre jedoch am besten, wenn Sie einen mit WordPress-Salzgenerator (https://api.wordpress.org/secret-key/1.1/salt/) generieren, um ein Geheimnis zu generieren. Und holen Sie sich einfach einen der Token und fügen Sie ihn anstelle von "Your-Secret-Token" unten hinzu:

Definieren Sie ein Geheimnis in wp-config.php Ihres WordPress-Verzeichnisses:

 define( 'GRAPHQL_JWT_AUTH_SECRET_KEY', 'your-secret-token' );

B. Abhängig von Ihrer speziellen Umgebung müssen Sie möglicherweise untersuchen, wie Sie diese Header aktivieren können, aber in Apache können Sie in Ihrem .htaccess Folgendes Folgendes tun:

 SetEnvIf Authorization "(.*)" HTTP_AUTHORIZATION=$1

Frontend konfigurieren?

• .env.example .env

 SITE_URL=http://localhost:3000
NEXT_PUBLIC_WOO_SITE_URL=http://yourwocommercesite.com
WOO_CONSUMER_KEY=xxxxx
WOO_SECRET=xxxxx

Befehle

• npm run dev führt den Knotenserver im Entwicklungsmodus aus
• npm run dev:inspect den Dev -Server mit Inspector aus.
• npm run server führt den nächsten Produciton -Server aus
• npm run lint leitet den Linter aus
• npm run format läuft das Formatierer aus
• npm run build erstellt den nächsten Build

Verwenden Sie PWA auf dem Handy

• Öffnen Sie die Website in Chrome auf Ihrem Handy und klicken Sie dann auf den Startbildschirm hinzufügen.
• Es wird als progressive Web -App auf Ihrem Handy heruntergeladen und gespeichert.
• Sobald Sie hinzugefügt wurden, schauen Sie auf Ihr Handy WP Decoupled .
• Diese PWA funktioniert auch, wenn Sie offline sind.

Zweige Informationen?

1. Master Main React Woocommerce -Thema
2. für das Testen entwickeln
3. WP-Docoubled-Boilerplate-Kesselplatte zum Starten eines neuen React-Themenprojekts mit PWA-Implementierung (Arbeit in Fortschritt)

Autor

• RTCAMP

Mitwirkende?

• Imran sagt
• Muhammad Muhsin
• Divyaraj Masani
• Sayed Taqui
• Vipin Kumar Dinkar
• Belal diff

Lizenz?

Dieses Projekt ist unter der MIT -Lizenz lizenziert - finden Sie in der lizenz.md -Datei für Details

Interessiert Sie das?