utilisé l'API de wordpress

Auteur : adrien_contrib
Date de parrution : 2022-12-01 08:43:57
Dernière modification :

js wordpress



thumbnail de l'article

Vous développer des themes wordpress classics, en PHP, et vous avez l'impression d'être bridé pour mettre en place certaines fonctionalitées avancé? Vous préféreriez déveloper vos front en JavaScript (framework ou vanilla)? Cesssé de tergiversé, apprenez à utilisé l'API de wordpress!

voici de quoi commencer à jouer avec l'API de wordpress: le snippet, recouper avec la documentation de l'api permet déjà pas mal de choses. Le snippet contiens un attribut _embed que je n'ai maleureusement pas trouver sur la doc au moment ou j'ai commencer à utilisé l'API (merci stackoverflow) mais qui est indispensable.

Liens utiles:

Wordpress API overview:

https://developer.wordpress.org/rest-api/reference/

documentation fetch:

https://developer.mozilla.org/fr/docs/Web/API/Fetch_API/Using_Fetch

outils de tests API:

https://insomnia.rest/

https://www.postman.com/

Snippet:

voici un exemple pour obtenir les 50 premiers posts de la catégorie possédant l'id 5:

// rootSiteUrl = la racine du site
// _embed : sert à obtenir plus d'informations, comme le thumbnail URL, exerpt, ...
const urlToFetch = `${rootSiteUrl}/wp-json/wp/v2/posts?_embed&categories=5&per_page=50`;

fetch(urlToFetch)
   .then(response => response.json())
   .then(json => {
      console.log(json);
   }

tags associés :

languages

js

tools & techno

wordpress

centres d'intérêts