Déploiement de React avec WordPress comme backend en utilisant WP Rest API

Question

Comment procéder pour héberger/déployer une application React avec WordPress en backend ? J'ai utilisé le plugin WP Rest API et cette API semble devoir être hébergée. Devrais-je également héberger mon application React frontale sur un serveur distinct ? Ou serais-je en mesure de tout mettre sur un service d'hébergement partagé comme GoDaddy ou GreenGeeks ?

Answer 1

Vous avez une poignée d'options. Vous avez la possibilité d'héberger React et Wordpress séparément, mais je préfère héberger les miens sur le même serveur en utilisant docker.

Si vous êtes curieux, consultez ce modèle de démarrage : https://github.com/postlight/headless-wp-starter

C'est l'un de mes préférés, et il a réagi de manière pré-emballée dans un conteneur docker avec des instructions directes.

Answer 2

Vous pouvez placer vos fichiers de construction (index.html, main.js, etc.) dans le dossier de l'utilisateur. htdocs ou un sous-dossier approprié. Il se peut que vous deviez modifier votre serveur Apache .htaccess pour rediriger les routes appropriées.

Answer 3

Vous avez probablement accès à CPanel ou à des outils similaires pour déployer vos fichiers sur le serveur.

Nous vous rappelons que vous devez placer vos fichiers de construction dans un sous-dossier plutôt que de les déployer directement sur le serveur,

puis public_html/nom de votre_sous-dossier_de_projet,

vous pourrez alors utiliser ce domaine/votre_projet_sous-dossier_nom pour accéder à reactjs. (Vous ne pouvez pas avoir deux applications déployées en même temps si elles ne sont pas séparées par des sous-dossiers).

Dans le même temps, vous obtenez un accès original à WP_REST pour obtenir des données de post au format json déjà, vous pouvez créer vos propres points de terminaison personnalisés si nécessaire.

Voici la réponse à la question de savoir comment créer votre propre point de terminaison personnalisé :

Création de points de terminaison personnalisés Wordpress

Answer 4

Oui, vous pouvez héberger votre React App et WP séparément ou les héberger ensemble. J'ai essayé de créer des fichiers React Build dans le thème WP. Pas encore parfait mais ça marche.

Ce thème WP simple avec des fichiers React Build : (Dossier React Build dans le thème WP) .

https://github.com/jun20/Simple-WP-ReactJS-Theme-Demo

Et voici les fichiers de développement de reactjs :

https://github.com/jun20/wp-theme-reactjs-dev/tree/master/Final/end

bien qu'il ne soit pas prêt pour la production et n'ait pas été testé.

Ou

Vous pouvez utiliser les fichiers de construction React JS générés uniquement avec les routes et les points de terminaison personnalisés de votre API WP Rest.

Comme dans cet exemple : (ce sont les fichiers de construction dans le repo Simple-WP-ReactJS-Theme-Demo) Ce dossier React JS Build -> https://github.com/jun20/wp-theme-reactjs-dev/tree/Final-Build/build il a des itinéraires et des points d'arrivée des articles, de la navigation primaire, aux pages du site wp en direct.