Téléchargement wp decoupled - Téléchargement du code source wp decoupled

wp decoupled

Code Source AI

1.0.0

Télécharger

WP découplé ⚡

Ceci est un chauffeur de thème réactif pour WordPress, construit avec Next JS, WebPack, Babel, Node, Express.

Site de démonstration en direct.

Démo en direct

Démo?

Commencer ?

Ces instructions vous permettra d'une copie du projet opérationnel sur votre machine locale à des fins de développement.

Installation?

Clone ce repo à [email protected]:rtCamp/wp-decoupled.git
cd wp-decoupled
nvm use
npm install

Configurer le backend (site WordPress)?

1. Ajouter la prise en charge de GraphQL sur WordPress

Clone et activez les plugins suivants, dans votre répertoire de plugin WordPress:
- WP-GraphQL expose GraphQL pour WordPress
- WP-graphql-jwt-authentification Ce plugin étend le plugin wp-graphql pour fournir une authentification à l'aide de JWT.
- WP-Graphiql fournit un IDE Graphiql (terrain de jeu) au WP-ADMIN
- WP-graphql-wooCommerce ajoute une fonctionnalité WooCommerce à un schéma WPGRAPHQL (testé jusqu'à V0.7.0 de WP-GraphQL-Woocommerce)
Vous pouvez également importer des produits WooCommerce par défaut qui sont livrés avec le plugin WooCommerce pour le développement (si vous n'avez pas de produits dans votre installation WordPress) WP Dashboard> Tools> WooCommerce Products (CSV): le fichier CSV par défaut WOOCommerce est disponible sur wp-content/plugins/woocommerce/sample-data/sample_products.csv

2. Pour l'authentification

un. Vous pouvez utiliser n'importe quel jeton secret de votre choix, mais il serait préférable que vous en génériez un en utilisant WordPress Salt Generator (https://api.wordpress.org/secret-key/1.1/salt/) pour générer un secret. Et prenez simplement l'un des jetons et ajoutez-le à la place de «votre token secret» ci-dessous:

Définissez un secret dans wp-config.php de votre répertoire WordPress:

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

né Selon votre environnement particulier, vous devrez peut-être rechercher comment activer ces en-têtes, mais à Apache, vous pouvez effectuer ce qui suit dans votre .htaccess :

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

Configurer le front-end?

Renommer .env.example à .env et mettre à jour vos coordonnées

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

Commandes

npm run dev exécute le serveur de nœuds en mode de développement
npm run dev:inspect exécute le serveur de développement avec l'inspecteur
npm run server exécute le prochain serveur de production
npm run lint exécute le linter
npm run format exécute le formateur
npm run build crée la prochaine construction

Utilisation de PWA sur mobile

Ouvrez le site dans Chrome sur votre mobile, puis cliquez sur Ajouter à l'écran d'accueil.
Il sera téléchargé et enregistré en tant qu'application Web progressive sur votre mobile.
Une fois ajouté à l'application WP Decoupled sur votre mobile.
Ce PWA fonctionnera même lorsque vous êtes hors ligne.

Informations sur les succursales?

Master Main React WooCommerce Thème
se développer pour les tests
WP-Docoupled-Builerplate Playplate pour démarrer un nouveau projet de thème React avec l'implémentation PWA (travail en cours)