web-dev-qa-db-fra.com

Utiliser WordPress uniquement pour le backend et utiliser AngularJS comme interface

Je développe une application Web pour un ami qui a besoin d'un portefeuille en ligne. En tant qu’apprentissage, j’essaie de faire le front-end avec AngularJS et d’utiliser Wordpress comme backend avec le plugin officiel API. Cela fonctionne vraiment bien, mais il y a un problème.

Je n'arrive pas à cacher complètement l'interface Wordpress. Il y a peut-être quelque chose qui me manque, mais je ne sais pas comment configurer mon site Web pour qu'il utilise exclusivement l'application Angular pour l'interface. Choses que j'ai essayées:

  • Modifier le fichier .htaccess pour inclure index.html (le fichier de départ de mon application Angular _) et index.php afin de pouvoir continuer à utiliser les appels d'API de mon application. Cela pose quelques problèmes: lorsque j'ai navigué vers, par exemple, mysite.com/page-one.html et que je recharge la page, le site WP est chargé à la place de mon application Angular.
  • Rediriger toutes les pages (qui ne figurent pas dans mon application) vers index.html.

Celles-ci ne me semblent pas du tout une solution solide. Je dois supprimer le site Wordpress et utiliser uniquement WP pour l'API. Est-ce que je manque quelque chose?

Mettre à jour

J'ai changé d'orientation sur cette question et je me suis rendu compte que je n'avais pas besoin de cacher le frontal WordPress, mais plutôt de l'utiliser. Je vais répondre à la question et peut-être que cela en inspirera d'autres, de meilleures réponses par des personnes plus informées.

htaccessfront-endapi
2
Fausto NA

Remarque: je poste une réponse à ma propre question dans l'espoir que ce soit utile pour les développeurs essayant de résoudre le même problème que celui proposé par ma requête initiale.

Il se trouve que je visionnais ceci avec le mauvais objectif. La solution n'a pas été d'ajouter entièrement mon application AngularJS et de l'utiliser tout en essayant de dissimuler le front-end et les thèmes WordPress. La solution consiste en fait à créer un thème WordPress qui utilise mon application AngularJS en tant que page de démarrage statique , et à créer l’application à partir de celle-ci.

Cet article m'a inspiré: https://1fix.io/angularjs-wp-rest-api/

Je peux simplement construire une application AngularJS et la baser sur le fichier index.php d'un nouveau thème. C'était aussi simple que ça. Je suppose que je ne pouvais tout simplement pas voir la forêt pour les arbres.

5
Fausto NA