{"id":71200,"date":"2023-07-20T10:50:32","date_gmt":"2023-07-20T09:50:32","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=71200&#038;preview=true&#038;preview_id=71200"},"modified":"2024-09-20T10:16:49","modified_gmt":"2024-09-20T09:16:49","slug":"planifier-taches-api-kinsta","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/","title":{"rendered":"Planifiez vos t\u00e2ches de maintenance avec l&rsquo;API Kinsta (effacer le cache, red\u00e9marrer le moteur PHP)"},"content":{"rendered":"<p>Au fil des ans, Kinsta a fait des progr\u00e8s significatifs dans la rationalisation de la gestion des sites web via le tableau de bord <a href=\"https:\/\/my.kinsta.com\/?lang=fr\">MyKinsta<\/a>. Ce puissant tableau de bord permet aux utilisateurs de g\u00e9rer leurs sites et d&rsquo;effectuer diverses op\u00e9rations de maintenance, notamment le <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/php\/#restart-php\">red\u00e9marrage du moteur PHP<\/a> et le <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/cache\/cache-site\/#manage-and-clear-cache-in-your-wordpress-dashboard\">vidage du cache de leur site<\/a>.<\/p>\n<p>Cependant, l&rsquo;introduction de l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/docs\/api-kinsta\/\">API Kinsta<\/a> porte la gestion des sites web \u00e0 un tout autre niveau. Les <a href=\"https:\/\/kinsta.com\/fr\/blog\/types-de-developpeurs\/\">d\u00e9veloppeurs<\/a> peuvent d\u00e9sormais tirer parti de la puissance de l&rsquo;API Kinsta pour am\u00e9liorer le processus de gestion, <a href=\"https:\/\/kinsta.com\/fr\/blog\/api-wordpress\/\">cr\u00e9er des interfaces personnalis\u00e9es<\/a> et m\u00eame \u00e9laborer des applications de planification pour automatiser les t\u00e2ches essentielles.<\/p>\n<p>Ce tutoriel plonge dans le monde de l&rsquo;API Kinsta et explique comment construire une application <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-react-js\/\">React<\/a> pour planifier des t\u00e2ches de maintenance essentielles comme le red\u00e9marrage du moteur PHP et le nettoyage du cache avec l&rsquo;API Kinsta.<\/p>\n<p>Voici une d\u00e9monstration en direct de l&rsquo;<a href=\"https:\/\/site-tools-scheduler-6u1a5.kinsta.app\/\" target=\"_blank\" rel=\"noopener noreferrer\">application de planification des outils du site<\/a>.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/maintenance-tasks-app.gif\" alt=\"D\u00e9monstration de l'application Site tools scheduler.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">D\u00e9monstration de l&rsquo;application Site tools scheduler.<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Si vous voulez tester ceci avec votre h\u00e9bergement WordPress infog\u00e9r\u00e9, n&rsquo;h\u00e9sitez pas \u00e0 utiliser <a href=\"https:\/\/github.com\/kinsta\/site-tools-scheduler\">ce mod\u00e8le GitHub<\/a>, \u00e0 le d\u00e9ployer, et \u00e0 ajouter votre ID d&rsquo;entreprise et votre cl\u00e9 API en tant que variables d&rsquo;environnement. Consultez le <a href=\"https:\/\/github.com\/kinsta\/site-tools-scheduler\/blob\/main\/README.md\" target=\"_blank\" rel=\"noopener noreferrer\">fichier Readme.md<\/a> pour plus de d\u00e9tails.<\/p>\n<\/aside>\n\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Comprendre l&rsquo;API Kinsta<\/h2>\n<p>L&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/changelog\/api-kinsta\/\">API Kinsta<\/a> est un outil puissant qui vous permet d&rsquo;interagir avec la plateforme d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/hebergement-wordpress\/\">h\u00e9bergement WordPress infog\u00e9r\u00e9e<\/a> de Kinsta de mani\u00e8re programmatique. Elle peut vous aider \u00e0 automatiser diverses t\u00e2ches li\u00e9es aux services fournis par Kinsta, y compris la cr\u00e9ation de sites, la r\u00e9cup\u00e9ration d&rsquo;informations sur les sites, l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/cle-api-kinsta\/#how-to-use-kinsta-api-to-build-a-status-checker\">obtention du statut d&rsquo;un site<\/a>, et bien plus encore.<\/p>\n<p>Pour utiliser l&rsquo;API de Kinsta, vous devez avoir un compte avec au moins un site, une <a href=\"https:\/\/sevalla.com\/application-hosting\/\">application<\/a> ou une <a href=\"https:\/\/sevalla.com\/database-hosting\/\">base de donn\u00e9es<\/a> WordPress dans MyKinsta. Vous devez \u00e9galement g\u00e9n\u00e9rer une cl\u00e9 API pour vous authentifier et acc\u00e9der \u00e0 votre compte via l&rsquo;API.<\/p>\n<p>Pour g\u00e9n\u00e9rer une cl\u00e9 API :<\/p>\n<ol start=\"1\">\n<li>Allez sur votre tableau de bord MyKinsta.<\/li>\n<li>Naviguez jusqu&rsquo;\u00e0 la page des <strong>cl\u00e9s API <\/strong>(<strong>Votre nom<\/strong> &gt; <strong>PR\u00e9glages de l&rsquo;entreprise<\/strong> &gt; <strong>Cl\u00e9s API<\/strong>).<\/li>\n<li>Cliquez sur <strong>Cr\u00e9er une cl\u00e9 API<\/strong>.<\/li>\n<li>Choisissez une date d&rsquo;expiration ou d\u00e9finissez une date de d\u00e9but personnalis\u00e9e et un nombre d&rsquo;heures pour l&rsquo;expiration de la cl\u00e9.<\/li>\n<li>Donnez un nom unique \u00e0 la cl\u00e9.<\/li>\n<li>Cliquez sur <strong>G\u00e9n\u00e9rer<\/strong>.<\/li>\n<\/ol>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/create-api-key-on-mykinsta-1.jpg\" alt=\"Cr\u00e9ez une cl\u00e9 API sur MyKinsta.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Cr\u00e9ez une cl\u00e9 API sur MyKinsta.<\/figcaption><\/figure>\n<p>Apr\u00e8s avoir cr\u00e9\u00e9 une cl\u00e9 API, copiez-la et conservez-la dans un endroit s\u00fbr (vous pouvez utiliser un <a href=\"https:\/\/kinsta.com\/fr\/blog\/gestionnaires-mots-passe\/\">gestionnaire de mot de passe<\/a>), car c&rsquo;est la <strong>seule fois <\/strong>o\u00f9 elle sera r\u00e9v\u00e9l\u00e9e dans MyKinsta. Vous pouvez g\u00e9n\u00e9rer plusieurs cl\u00e9s API &#8211; elles sont list\u00e9es sur la page <strong>Cl\u00e9s API<\/strong>. Si vous devez r\u00e9voquer une cl\u00e9 API, cliquez sur <strong>R\u00e9voquer<\/strong> \u00e0 c\u00f4t\u00e9 de celle que vous souhaitez r\u00e9voquer.<\/p>\n<h2>Comment utiliser les outils de site de Kinsta avec l&rsquo;API de Kinsta<\/h2>\n<p>L&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/outils-mykinsta\/\">outil de site Kinsta<\/a> est un ensemble d&rsquo;outils mis \u00e0 la disposition des utilisateurs de Kinsta pour les aider \u00e0 g\u00e9rer et \u00e0 entretenir leurs sites WordPress. Ces outils sont disponibles via MyKinsta (<strong>Sites WordPress Sites<\/strong> &gt; <strong>Nom du site<\/strong> &gt; <strong>Outils<\/strong>), mais ils ne sont pas tous support\u00e9s par l&rsquo;API de Kinsta pour le moment. Notre \u00e9quipe travaille constamment \u00e0 l&rsquo;ajout de nouvelles fonctionnalit\u00e9s, en suivant de pr\u00e8s et en \u00e9coutant les commentaires, comme l&rsquo;explique Kristof Siket, chef de l&rsquo;\u00e9quipe de d\u00e9veloppement de l&rsquo;API Kinsta :<\/p>\n<blockquote><p><em>Les commentaires des utilisateurs d\u00e9terminent l&rsquo;ordre de priorit\u00e9 de l&rsquo;exposition des fonctionnalit\u00e9s. Le plan actuel ne couvre pas enti\u00e8rement la page Outils ; les fonctionnalit\u00e9s sont plut\u00f4t bas\u00e9es sur les demandes des utilisateurs et les commentaires recueillis.<\/em><em>Si vous pensez qu&rsquo;un outil ou un point de terminaison sp\u00e9cifique devrait \u00eatre inclus dans l&rsquo;API Kinsta, n&rsquo;h\u00e9sitez pas \u00e0 nous<\/em> faire part de<em> <a href=\"https:\/\/kinsta.com\/fr\/docs\/information-service\/programme-recherche-kinsta\/#how-to-join\">vos commentaires<\/a><\/em>.<\/p><\/blockquote>\n<p>Afin d&rsquo;utiliser les outils de site fournis par Kinsta, il est n\u00e9cessaire d&rsquo;obtenir l&rsquo;identifiant d&rsquo;environnement de votre site. Chaque site sur MyKinsta a au moins un environnement, chacun avec un ID unique. Pour r\u00e9cup\u00e9rer l&rsquo;ID de l&rsquo;environnement, vous pouvez utiliser l&rsquo;API de Kinsta en obtenant d&rsquo;abord votre ID de site et en l&rsquo;utilisant ensuite comme param\u00e8tre pour acc\u00e9der aux donn\u00e9es de l&rsquo;environnement correspondant.<\/p>\n<p>Pour r\u00e9cup\u00e9rer l&rsquo;ID de votre site, vous pouvez utiliser le point de terminaison <code><a href=\"https:\/\/api-docs.kinsta.com\/tag\/WordPress-Sites#operation\/getSites\" target=\"_blank\" rel=\"noopener noreferrer\">\/sites<\/a><\/code> qui renvoie une liste de vos sites. Une fois que vous avez obtenu l&rsquo;identifiant du site, vous pouvez r\u00e9cup\u00e9rer l&rsquo;identifiant de l&rsquo;environnement en effectuant une requ\u00eate GET au point de terminaison <code>\/sites<\/code>, en sp\u00e9cifiant l&rsquo;identifiant et en ajoutant le point de terminaison <code><a href=\"https:\/\/api-docs.kinsta.com\/tag\/WordPress-Sites#operation\/getSiteEnvironments\" target=\"_blank\" rel=\"noopener noreferrer\">\/environments<\/a><\/code> au point de terminaison.<\/p>\n<p>Voici un exemple d&rsquo;extrait de code qui montre comment r\u00e9aliser cette op\u00e9ration \u00e0 l&rsquo;aide de l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/requetes-http-javascript\/#4-how-to-make-an-http-request-in-javascript-using-the-fetch-api\">API JavaScript Fetch<\/a>:<\/p>\n<pre><code class=\"language-js\">const siteId = 'YOUR_site_id_PARAMETER'; \/\/ Replace with your actual site ID\nconst resp = await fetch(\n    `https:\/\/api.kinsta.com\/v2\/sites\/${siteId}\/environments`,\n    {\n        method: 'GET',\n        headers: {\n            Authorization: 'Bearer &lt;YOUR_TOKEN_HERE&gt;' \/\/ Replace with your actual API key\/token\n        }\n    }\n);\nconst data = await resp.json();\nconsole.log(data);<\/code><\/pre>\n<p>Dans le code ci-dessus, vous d\u00e9finissez la variable <code>siteId<\/code> avec l&rsquo;ID de votre site. Ensuite, vous faites une requ\u00eate de r\u00e9cup\u00e9ration au point de terminaison de l&rsquo;API Kinsta pour r\u00e9cup\u00e9rer les environnements du site sp\u00e9cifi\u00e9. Veillez \u00e0 inclure la cl\u00e9 API dans l&rsquo;en-t\u00eate d&rsquo;autorisation.<\/p>\n<p>Apr\u00e8s avoir re\u00e7u la r\u00e9ponse, les donn\u00e9es sont enregistr\u00e9es dans la console, qui contient les d\u00e9tails de votre ou vos environnements, y compris l&rsquo;ID :<\/p>\n<pre><code class=\"language-json\">{\n    \"site\": {\n        \"environments\": [\n            {\n                \"id\": \"54fb80af-576c-4fdc-ba4f-b596c83f15a1\",\n                \"name\": \"first-site\",\n                \"display_name\": \"First site\",\n                \"is_blocked\": false,\n                \"id_edge_cache\": \"54fb80af-576c-4fdc-ba4f-b596c83f15a1\",\n                \"is_premium\": false,\n                \"domains\": [],\n                \"primaryDomain\": {},\n                \"ssh_connection\": {}\n            }\n        ]\n    }\n}<\/code><\/pre>\n<p>Maintenant que vous savez comment acc\u00e9der \u00e0 l&rsquo;ID de votre environnement, nous allons utiliser les outils de site de Kinsta de mani\u00e8re programmatique.<\/p>\n<h3>Comment vider le cache du site avec l&rsquo;API Kinsta<\/h3>\n<p>Pour vider le cache de votre site avec l&rsquo;API Kinsta, vous devez envoyer une requ\u00eate post au point de terminaison <code><a href=\"https:\/\/api-docs.kinsta.com\/tag\/Site-Tools#operation\/clearSiteCache\" target=\"_blank\" rel=\"noopener noreferrer\">\/sites\/tools\/clear-cache<\/a><\/code> . Pour cela, vous devez transmettre l&rsquo;identifiant de l&rsquo;environnement dans le corps de la requ\u00eate.<\/p>\n<p>Le code ci-dessous montre comment proc\u00e9der en utilisant JavaScript et l&rsquo;API Fetch :<\/p>\n<pre><code class=\"language-js\">const clearSiteCache = async () =&gt; {\n  const resp = await fetch(\n    `https:\/\/api.kinsta.com\/v2\/sites\/tools\/clear-cache`,\n    {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application\/json\",\n        Authorization: \"Bearer &lt;YOUR_TOKEN_HERE&gt;\"\n      },\n      body: JSON.stringify({\n        environment_id: \"e.g. 54fb80af-576c-4fdc-ba4f-b596c83f15a1\"\n      })\n    }\n  );\n\n  \/\/ Parse the response as JSON\n  const data = await resp.json();\n  console.log(data);\n};<\/code><\/pre>\n<p>Dans le code ci-dessus, une fonction <code>clearSiteCache<\/code> est d\u00e9finie qui prend deux param\u00e8tres : l&rsquo;URL du point de terminaison de l&rsquo;API et un objet contenant la configuration de la requ\u00eate de r\u00e9cup\u00e9ration. La configuration comprend les \u00e9l\u00e9ments suivants : <code>method<\/code>, <code>headers<\/code>, et <code>body<\/code>.<\/p>\n<p>Le champ <code>body<\/code> est l&rsquo;endroit o\u00f9 vous transmettez la charge utile de la requ\u00eate, qui est l&rsquo;identifiant de l&rsquo;environnement. Vous utilisez <code>JSON.stringify<\/code> pour convertir l&rsquo;objet en cha\u00eene JSON. Remplacez la valeur <code>environment_id<\/code> par l&rsquo;ID r\u00e9el de l&rsquo;environnement que vous souhaitez red\u00e9marrer. Une fois la requ\u00eate envoy\u00e9e, les donn\u00e9es de la r\u00e9ponse sont enregistr\u00e9es dans la console.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>La fa\u00e7on de red\u00e9marrer le moteur PHP de votre site avec l&rsquo;API Kinsta est tr\u00e8s similaire \u00e0 celle utilis\u00e9e pour vider le cache de votre site. La seule diff\u00e9rence est le point de terminaison, qui n&rsquo;est plus <code>\/clear-cache<\/code> mais <code><a href=\"https:\/\/api-docs.kinsta.com\/tag\/Site-Tools#operation\/restartPhpEngine\" target=\"_blank\" rel=\"noopener noreferrer\">\/restart-php<\/a><\/code> &#8211; https:\/\/api.kinsta.com\/v2\/sites\/tools\/restart-php. Tous les autres param\u00e8tres et requ\u00eates sont identiques.<\/p>\n<\/aside>\n\n<h2>Construire une application React pour planifier des t\u00e2ches de maintenance avec l&rsquo;API Kinsta<\/h2>\n<p>Avec l&rsquo;introduction de l&rsquo;API Kinsta, vous pouvez d\u00e9sormais cr\u00e9er des interfaces personnalis\u00e9es qui offrent une flexibilit\u00e9 in\u00e9gal\u00e9e. L&rsquo;un de ces exemples est une application qui vous permet de planifier les t\u00e2ches de maintenance de votre site. Imaginez que vous planifiez le vidage du cache de votre site ou le red\u00e9marrage du moteur PHP pour qu&rsquo;ils se produisent automatiquement \u00e0 minuit dans un lieu sp\u00e9cifique. Cela peut vous aider \u00e0 garantir des performances optimales sans difficult\u00e9.<\/p>\n<h3>Pour commencer<\/h3>\n<p>Pour suivre ce tutoriel, il est conseill\u00e9 d&rsquo;avoir des connaissances de base en <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-que-le-html\/\">HTML<\/a>, <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleurs-pratiques-css\/\">CSS<\/a> et <a href=\"https:\/\/kinsta.com\/javascript\/\">JavaScript<\/a>, ainsi qu&rsquo;une certaine familiarit\u00e9 avec React. L&rsquo;objectif principal de ce projet est de d\u00e9montrer l&rsquo;utilisation de l&rsquo;API Kinsta, c&rsquo;est pourquoi cet article n&rsquo;entre pas dans les d\u00e9tails de la cr\u00e9ation ou du style de l&rsquo;interface utilisateur et d&rsquo;autres aspects logiques.<\/p>\n<p>Pour simplifier le processus de configuration du projet, un projet de d\u00e9marrage a \u00e9t\u00e9 pr\u00e9par\u00e9 pour vous. Suivez les \u00e9tapes suivantes pour commencer :<\/p>\n<p>1. Cr\u00e9ez un d\u00e9p\u00f4t <a href=\"https:\/\/kinsta.com\/fr\/sujets\/git\/\">Git<\/a> en utilisant <a href=\"https:\/\/github.com\/kinsta\/site-tools-scheduler\" target=\"_blank\" rel=\"noopener noreferrer\">ce mod\u00e8le sur GitHub<\/a>. S\u00e9lectionnez <strong>Utiliser ce mod\u00e8le<\/strong> &gt; <strong>Cr\u00e9er un nouveau d\u00e9p\u00f4t<\/strong> pour copier le code de d\u00e9marrage dans un nouveau d\u00e9p\u00f4t au sein de votre compte GitHub, et assurez-vous de cocher la case pour <strong>inclure toutes les branches<\/strong>.<\/p>\n<p>2. T\u00e9l\u00e9chargez le d\u00e9p\u00f4t sur votre ordinateur local et passez \u00e0 la branche <a href=\"https:\/\/github.com\/kinsta\/site-tools-scheduler\/tree\/starter-files\" target=\"_blank\" rel=\"noopener noreferrer\">starter-files<\/a> \u00e0 l&rsquo;aide de la commande ci-dessous :<\/p>\n<pre><code class=\"language-bash\">git checkout starter-files<\/code><\/pre>\n<p>3. Installez les d\u00e9pendances n\u00e9cessaires en ex\u00e9cutant la commande <code>npm install<\/code>. Une fois l&rsquo;installation termin\u00e9e, vous pouvez lancer le projet sur votre ordinateur local \u00e0 l&rsquo;aide de la commande <code>npm run start<\/code>. Le projet s&rsquo;ouvre alors \u00e0 l&rsquo;adresse <a href=\"http:\/\/localhost:3000\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/localhost:3000\/<\/a>.<\/p>\n<h3>Comprendre les fichiers du projet<\/h3>\n<p>Le <strong>dossier src<\/strong> de ce projet contient deux sous-dossiers principaux : <strong>components<\/strong> et <strong>pages<\/strong>. Le dossier components contient des composants r\u00e9utilisables, tels que l&rsquo;<strong>en-t\u00eate<\/strong> et le <strong>pied de page<\/strong>, utilis\u00e9s sur toutes les pages (<strong>Home<\/strong>, <strong>Operations<\/strong>, <strong>Tools<\/strong>, <strong>Schedule<\/strong>).<\/p>\n<p>Dans ce projet, vous vous concentrerez principalement sur l&rsquo;impl\u00e9mentation de la logique sur les pages <strong>Home<\/strong> et <strong>Tools<\/strong>, \u00e9tant donn\u00e9 que le style, le routage et d&rsquo;autres \u00e9l\u00e9ments logiques ont d\u00e9j\u00e0 \u00e9t\u00e9 r\u00e9alis\u00e9s.<\/p>\n<p>La <strong>page d&rsquo;accueil<\/strong> contient un formulaire qui liste tous les sites de votre compte MyKinsta. Chaque fois que cette page est affich\u00e9e, le <a href=\"https:\/\/kinsta.com\/fr\/blog\/react-useeffect\/\">hook useEffect<\/a> r\u00e9cup\u00e8re imm\u00e9diatement <a href=\"https:\/\/kinsta.com\/fr\/blog\/cle-api-kinsta\/#fetch-list-of-sites-with-kinsta-api\">une liste de tous vos sites<\/a> et les remplit dans un champ de s\u00e9lection du formulaire. L&rsquo;identifiant de chaque site est utilis\u00e9 comme valeur pour l&rsquo;option correspondante.<\/p>\n<pre><code class=\"language-jsx\">&lt;select className=\"form-control\" value={selectedSiteId} onChange={(e) =&gt; setSelectedSiteId(e.target.value)}&gt;\n    &lt;option value=\"\"&gt;&lt;\/option&gt;\n    {sites && (\n        sites.map((site) =&gt; {\n            return (\n                &lt;option&gt; key={site.id} value={site.id}&gt;{site.display_name}&lt;\/option&gt;\n            )\n        })\n    )}\n&lt;\/select&gt;<\/code><\/pre>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/custom-react-app-for-kinsta-site-tools-management.jpg\" alt=\"Application React personnalis\u00e9e pour la gestion des outils de site Kinsta.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Application React personnalis\u00e9e pour la gestion des outils de site Kinsta.<\/figcaption><\/figure>\n<p>Lorsqu&rsquo;un site est s\u00e9lectionn\u00e9 et que le bouton \u00ab Proceed \u00bb est cliqu\u00e9, la fonction <code>handleSubmission<\/code> est d\u00e9clench\u00e9e. Dans cette fonction, l&rsquo;API Kinsta est utilis\u00e9e pour r\u00e9cup\u00e9rer l&rsquo;identifiant d&rsquo;environnement du site. Ensuite, transmettez cet identifiant comme param\u00e8tre de route \u00e0 la <strong>page<\/strong> <strong>Tools<\/strong>.<\/p>\n<p>La <strong>page Tolls<\/strong> est l&rsquo;endroit o\u00f9 vous pouvez effectuer et planifier des t\u00e2ches de maintenance pour le site s\u00e9lectionn\u00e9, comme vider le cache du site ou red\u00e9marrer le moteur PHP. Pour effectuer l&rsquo;une de ces actions sur la <strong>page Tools<\/strong>, vous avez besoin de l&rsquo;identifiant de l&rsquo;environnement. Il est donc transmis en tant que param\u00e8tre de route \u00e0 cette page.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/schedule-tasks-kinsta-api.jpg\" alt=\"Gestion des outils du site Kinsta.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Gestion des outils du site Kinsta.<\/figcaption><\/figure>\n<p>Lorsque vous initiez des actions telles que vider le cache du site ou red\u00e9marrer le moteur PHP, vous \u00eates automatiquement dirig\u00e9 vers la <strong>page Op\u00e9rations<\/strong>. Ici, vous pouvez suivre la progression de votre op\u00e9ration en utilisant l&rsquo;ID qui lui a \u00e9t\u00e9 attribu\u00e9.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/kinsta-site-tools-operation-status.jpg\" alt=\"Statut de l'op\u00e9ration des outils du site Kinsta.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Statut de l&rsquo;op\u00e9ration des outils du site Kinsta.<\/figcaption><\/figure>\n<p>Lorsque vous planifiez une t\u00e2che, vous \u00eates dirig\u00e9 vers la <strong>page Schedule,<\/strong> qui affiche des informations d\u00e9taill\u00e9es sur la t\u00e2che planifi\u00e9e.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/kinsta-site-tools-schedule-information-page.jpg\" alt=\"Page d'information sur la planification des outils du site Kinsta.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Page d&rsquo;information sur la planification des outils du site Kinsta.<\/figcaption><\/figure>\n<p>Une fois l&rsquo;heure planifi\u00e9e atteinte, l&rsquo;op\u00e9ration sp\u00e9cifique commence et vous redirige automatiquement vers la <strong>page Operations,<\/strong> o\u00f9 vous pouvez suivre la progression de l&rsquo;op\u00e9ration.<\/p>\n<h2>Interagir avec l&rsquo;API Kinsta dans React<\/h2>\n<p>L&rsquo;interface utilisateur (UI) \u00e9tant maintenant en place, votre prochaine \u00e9tape consiste \u00e0 g\u00e9rer la soumission du formulaire sur la <strong>page d&rsquo;accueil<\/strong> et \u00e0 r\u00e9cup\u00e9rer l&rsquo;ID de l&rsquo;environnement de votre site s\u00e9lectionn\u00e9 via l&rsquo;API Kinsta avant de faire naviguer l&rsquo;utilisateur vers la <strong>page Tools<\/strong> avec l&rsquo;ID comme param\u00e8tre d&rsquo;itin\u00e9raire.<\/p>\n<p>Pour interagir avec l&rsquo;API de Kinsta, vous avez besoin de l&rsquo;<strong>ID de votre entreprise<\/strong> et de votre <strong>cl\u00e9 API<\/strong>. Lorsque vous faites des appels API dans un projet qui sera h\u00e9berg\u00e9 sur le cloud, vos informations d&rsquo;identification, comme la cl\u00e9 API, doivent \u00eatre stock\u00e9es en toute s\u00e9curit\u00e9 pour \u00e9viter toute forme de compromission.<\/p>\n<p>Vous pouvez les stocker en toute s\u00e9curit\u00e9 en tant que variables d&rsquo;environnement dans votre application React en cr\u00e9ant un <strong> fichier .env<\/strong> dans le dossier racine de votre projet. Dans ce fichier, ajoutez les lignes suivantes :<\/p>\n<pre><code class=\"language-bash\">REACT_APP_KINSTA_COMPANY_ID = 'YOUR_COMPANY_ID' \nREACT_APP_KINSTA_API_KEY = 'YOUR_API_KEY'<\/code><\/pre>\n<p>Pour acc\u00e9der \u00e0 ces variables d&rsquo;environnement dans votre projet, vous pouvez utiliser la syntaxe <code>process.env.THE_VARIABLE<\/code>. Par exemple, pour acc\u00e9der \u00e0 <code>REACT_APP_KINSTA_COMPANY_ID<\/code>, vous devez utiliser <code>process.env.REACT_APP_KINSTA_COMPANY_ID<\/code>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Il est important d&rsquo;ajouter le fichier <strong>.env<\/strong> \u00e0 votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/gitignore-ne-fonctionne-pas\/\"> fichier .gitignore<\/a> pour \u00e9viter que le fichier ne soit envoy\u00e9 sur GitHub. Cela garantit que vos informations sensibles, telles que les cl\u00e9s d&rsquo;API, restent priv\u00e9es et s\u00e9curis\u00e9es.<\/p>\n<\/aside>\n\n<h3>R\u00e9cup\u00e9rer l&rsquo;ID de l&rsquo;environnement avec l&rsquo;API Kinsta dans React<\/h3>\n<p>Sur la <strong>page d&rsquo;accueil<\/strong>, lorsqu&rsquo;un site est s\u00e9lectionn\u00e9 et que le bouton d&rsquo;envoi est cliqu\u00e9, la fonction <code>handleSubmission<\/code> est d\u00e9clench\u00e9e. Cette fonction utilise l&rsquo;API Fetch (ou votre m\u00e9thode de requ\u00eate HTTP pr\u00e9f\u00e9r\u00e9e) pour effectuer une requ\u00eate GET \u00e0 l&rsquo;API Kinsta.<\/p>\n<p>Pour \u00e9viter de r\u00e9p\u00e9ter les en-t\u00eates et l&rsquo;URL de l&rsquo;API Kinsta \u00e0 chaque appel d&rsquo;API, stockons les <code>headers<\/code> et <code>KinstaAPIUrl<\/code> en tant que constantes.<\/p>\n<pre><code class=\"language-jsx\">const KinstaAPIUrl = 'https:\/\/api.kinsta.com\/v2';\nconst headers = useMemo(() =&gt; {\n    return {\n        Authorization: `Bearer ${process.env.REACT_APP_KINSTA_API_KEY}`\n    }\n}, [])<\/code><\/pre>\n<p>La variable <code>KinstaAPIUrl<\/code> stocke l&rsquo;URL de base de l&rsquo;API Kinsta. La constante <code>headers<\/code> est cr\u00e9\u00e9e \u00e0 l&rsquo;aide du <a href=\"https:\/\/kinsta.com\/fr\/blog\/utiliser-callback-react\/#reacts-usecallback-vs-usememo\">hook useMemo<\/a> pour s&rsquo;assurer que l&rsquo;objet headers n&rsquo;est cr\u00e9\u00e9 qu&rsquo;une seule fois et ne change pas entre les rendus. Elle inclut l&rsquo;en-t\u00eate Authorization, qui contient la cl\u00e9 de l&rsquo;API Kinsta r\u00e9cup\u00e9r\u00e9e dans les variables d&rsquo;environnement.<\/p>\n<pre><code class=\"language-jsx\">const handleSubmission = (e) =&gt; {\n    e.preventDefault();\n\n    const fetchEnvironmentId = async (siteId) =&gt; {\n        const resp = await fetch(\n            `${KinstaAPIUrl}\/sites\/${siteId}\/environments`,\n            {\n                method: 'GET',\n                headers\n            }\n        );\n\n        const data = await resp.json();\n        let envId = data.site.environments[0].id;\n        navigate(`\/tools\/${envId}`)\n    }\n    fetchEnvironmentId(selectedSiteId);\n}<\/code><\/pre>\n<p>Dans le code ci-dessus, une fonction asynchrone (<code>fetchEnvironmentId<\/code>) est cr\u00e9\u00e9e, qui prend le <code>siteId<\/code> obtenu \u00e0 partir du site s\u00e9lectionn\u00e9 et le transmet au <a href=\"https:\/\/kinsta.com\/fr\/blog\/api-endpoint\/\">point de terminaison de l&rsquo;API<\/a> pour r\u00e9cup\u00e9rer les d\u00e9tails de l&rsquo;environnement.<\/p>\n<p>Une fois la r\u00e9ponse re\u00e7ue, extrayez l&rsquo;ID de l&rsquo;environnement des donn\u00e9es (vous pouvez avoir plus d&rsquo;un environnement : staging ou production &#8211; ils sont donc tous stock\u00e9s dans un tableau, utilisons l&rsquo;environnement de production pour cette d\u00e9mo) et utilisez la fonction navigate (d\u00e9j\u00e0 import\u00e9e et instanci\u00e9e pour vous) pour rediriger l&rsquo;utilisateur vers la <strong>page Tools<\/strong> avec l&rsquo;ID de l&rsquo;environnement comme param\u00e8tre de la route.<\/p>\n<p><strong>Remarque :<\/strong> toutes ces routes sont d\u00e9j\u00e0 configur\u00e9es dans le <strong>fichier App.js<\/strong>.<\/p>\n<h3>Effectuer des t\u00e2ches de maintenance avec l&rsquo;API Kinsta dans React<\/h3>\n<p>Sur la page Tools, il y a deux outils qui peuvent \u00eatre utilis\u00e9s pour maintenir votre site, chacun ayant deux boutons pour effectuer l&rsquo;op\u00e9ration imm\u00e9diatement ou planifier l&rsquo;op\u00e9ration (les fonctions ont \u00e9t\u00e9 cr\u00e9\u00e9es, et les \u00e9v\u00e9nements <code>onClick<\/code> ont \u00e9t\u00e9 attach\u00e9s \u00e0 tous les boutons pour vous). Ce tutoriel explique seulement comment red\u00e9marrer le moteur PHP de votre site car c&rsquo;est tr\u00e8s similaire \u00e0 la fa\u00e7on de vider le cache de votre site &#8211; la seule diff\u00e9rence est le point de terminaison.<\/p>\n<p>Pour red\u00e9marrer le moteur PHP ou effectuer n&rsquo;importe quelle op\u00e9ration d&rsquo;outil de site, vous avez besoin de l&rsquo;ID de l&rsquo;environnement, qui est d\u00e9j\u00e0 pass\u00e9 \u00e0 la <strong>page Tools<\/strong> en tant que param\u00e8tre de route. L&rsquo;\u00e9tape suivante consiste \u00e0 r\u00e9cup\u00e9rer ce param\u00e8tre, \u00e0 le stocker dans une variable, puis \u00e0 envoyer une requ\u00eate \u00e0 l&rsquo;API Kinsta.<\/p>\n<pre><code class=\"language-jsx\">const { envId } = useParams();<\/code><\/pre>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Cela a \u00e9t\u00e9 pris en charge dans les fichiers de d\u00e9marrage. Tout ce que vous avez \u00e0 faire est d&rsquo;ex\u00e9cuter la requ\u00eate sur l&rsquo;API Kinsta dans la fonction <code>restartEngine<\/code>.<\/p>\n<\/aside>\n\n<p>Enregistrez les en-t\u00eates de la requ\u00eate et l&rsquo;URL de l&rsquo;API en tant que variables constantes puisqu&rsquo;elles ne changent pas. L&rsquo;en-t\u00eate d&rsquo;une requ\u00eate POST est diff\u00e9rent d&rsquo;une requ\u00eate GET car il contient la valeur <code>Content-Type<\/code>.<\/p>\n<pre><code class=\"language-jsx\">const KinstaAPIUrl = 'https:\/\/api.kinsta.com\/v2';\nconst headers = useMemo(() =&gt; {\n    return {\n        'Content-Type': 'application\/json',\n        Authorization: `Bearer ${process.env.REACT_APP_KINSTA_API_KEY}`\n    }\n}, [])<\/code><\/pre>\n<p>Lorsque vous cliquez sur le bouton <strong>Restart<\/strong>, la fonction <code>restartEngine<\/code> est appel\u00e9e. Dans cette fonction, envoyons une requ\u00eate POST \u00e0 l&rsquo;API Kinsta, qui prend l&rsquo;ID de l&rsquo;environnement comme charge utile :<\/p>\n<pre><code class=\"language-jsx\">const restartEngine = async () =&gt; {\n    const resp = await fetch(\n        `${KinstaAPIUrl}\/sites\/tools\/restart-php`,\n        {\n            method: 'POST',\n            headers,\n            body: JSON.stringify({\n                environment_id: envId\n            })\n        }\n    );\n    const data = await resp.json();\n    navigate(`\/operations\/${data.operation_id}`);\n}<\/code><\/pre>\n<p>Chaque fois que le code ci-dessus est ex\u00e9cut\u00e9, il d\u00e9clenche automatiquement un red\u00e9marrage du moteur PHP sur votre site. Si vous consultez imm\u00e9diatement le tableau de bord MyKinsta de votre site, vous remarquerez cette notification en haut de votre page :<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/php-restart-on-mykinsta.jpg\" alt=\"Red\u00e9marrage de PHP sur MyKinsta.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Red\u00e9marrage de PHP sur MyKinsta.<\/figcaption><\/figure>\n<p>Vous pouvez le v\u00e9rifier de mani\u00e8re programmatique en utilisant le point de terminaison <code><a href=\"https:\/\/api-docs.kinsta.com\/tag\/Operations#operation\/getOperationStatus\" target=\"_blank\" rel=\"noopener noreferrer\">\/operations<\/a><\/code> de l&rsquo;API Kinsta. Dans le code ci-dessus, une fois que cette requ\u00eate est r\u00e9ussie, vous \u00eates automatiquement dirig\u00e9 vers la <strong>page Operations<\/strong> avec l&rsquo;ID de l&rsquo;op\u00e9ration comme param\u00e8tre de route o\u00f9 vous pouvez v\u00e9rifier le statut de l&rsquo;op\u00e9ration. Assurez-vous de consulter la <a href=\"https:\/\/github.com\/kinsta\/site-tools-scheduler\/blob\/starter-files\/src\/pages\/Operations.jsx\" target=\"_blank\" rel=\"noopener noreferrer\">page des op\u00e9rations<\/a> pour voir comment cela est g\u00e9r\u00e9.<\/p>\n<h3>Comment planifier une t\u00e2che avec l&rsquo;API Kinsta dans React<\/h3>\n<p>Pour planifier une t\u00e2che avec JavaScript, vous devez calculer la dur\u00e9e estim\u00e9e de la t\u00e2che en millisecondes, puis utiliser la fonction <code>setTimeout<\/code>.<\/p>\n<p>Sur la <strong>page Tools<\/strong>, lorsque vous cliquez sur le bouton Schedule, une fen\u00eatre modale appara\u00eet avec deux champs de formulaire. Ces champs vous permettent de s\u00e9lectionner la <strong>date<\/strong> et l&rsquo;<strong>heure<\/strong> souhait\u00e9es pour l&rsquo;ex\u00e9cution de l&rsquo;op\u00e9ration. Les donn\u00e9es saisies sont utilis\u00e9es pour calculer le temps total, en millisecondes, entre le moment pr\u00e9sent et le moment o\u00f9 l&rsquo;op\u00e9ration est cens\u00e9e commencer.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/schedule-tasks-ui.jpg\" alt=\"Interface du planificateur des outils du site.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Interface du planificateur des outils du site.<\/figcaption><\/figure>\n<p>Pour cela, extrayez le jour, le mois et l&rsquo;ann\u00e9e du champ de la date en passant la date dans un objet <code>new Date<\/code>, puis stockez-les dans des variables distinctes.<\/p>\n<pre><code class=\"language-jsx\">let year = new Date(scheduleDate).getFullYear();\nlet month = new Date(scheduleDate).getMonth();\nlet day = new Date(scheduleDate).getDate();<\/code><\/pre>\n<p>Ensuite, extrayons l&rsquo;heure et les minutes du champ time :<\/p>\n<pre><code class=\"language-jsx\">let timeArray = scheduleTime.split(\":\");\nlet hour = parseInt(timeArray[0]);\nlet minute = parseInt(timeArray[1]);<\/code><\/pre>\n<p>Avec ces valeurs obtenues, vous pouvez calculer le temps attendu en millisecondes :<\/p>\n<pre><code class=\"language-jsx\">const now = new Date();\nlet eta_ms = new Date(year, month, day, hour, minute, 0, 0).getTime() - now;<\/code><\/pre>\n<p>\u00c0 ce stade, vous disposez du temps pr\u00e9vu en millisecondes. Vous pouvez maintenant cr\u00e9er une fonction <code>setTimeout<\/code> qui se d\u00e9clenche \u00e0 la date et \u00e0 l&rsquo;heure sp\u00e9cifi\u00e9es :<\/p>\n<pre><code class=\"language-jsx\">setTimeout(function () {\n    restartEngine();\n}, eta_ms);<\/code><\/pre>\n<p>Dans le code ci-dessus, la fonction <code>restartEngine()<\/code> est appel\u00e9e lorsque l&rsquo;heure sp\u00e9cifi\u00e9e est atteinte pour red\u00e9marrer le moteur PHP.<\/p>\n<p>Voici \u00e0 quoi ressemblera le code complet :<\/p>\n<pre><code class=\"language-jsx\">const schedulePhpEngineRestart = async (e) =&gt; {\n    e.preventDefault();\n\n    let year = new Date(scheduleDate).getFullYear();\n    let month = new Date(scheduleDate).getMonth();\n    let day = new Date(scheduleDate).getDate();\n\n    let timeArray = scheduleTime.split(\":\");\n    let hour = parseInt(timeArray[0]);\n    let minute = parseInt(timeArray[1]);\n\n    const now = new Date();\n    let eta_ms = new Date(year, month, day, hour, minute, 0, 0).getTime() - now;\n\n    setTimeout(function () {\n        restartEngine();\n    }, eta_ms);\n\n    let date = `${day}-${month + 1}-${year}`;\n    let time = `${hour}:${minute}`;\n    navigate(`\/schedule\/${date}\/${time}`);\n}<\/code><\/pre>\n<p>Lorsque vous planifiez une t\u00e2che, vous \u00eates dirig\u00e9 vers la <strong>page de planification<\/strong> o\u00f9 vous pouvez consulter les d\u00e9tails de la planification. Lorsque l&rsquo;heure pr\u00e9vue est atteinte, la fonction <code>setTimeout<\/code> est appel\u00e9e, ce qui permet de naviguer automatiquement vers la <strong>page des op\u00e9rations<\/strong> pour suivre l&rsquo;\u00e9tat de l&rsquo;op\u00e9ration.<\/p>\n<p>\u00c0 ce stade, vous avez mis en \u0153uvre la fonctionnalit\u00e9 de planification et d\u00e9clench\u00e9 l&rsquo;API Kinsta pour red\u00e9marrer le moteur PHP de votre site. Vous pouvez faire de m\u00eame pour vider le cache de votre site.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Supposons que vous souhaitiez planifier la t\u00e2che pour qu&rsquo;elle se r\u00e9p\u00e8te toutes les 24 heures, toutes les 72 heures, ou quoi que ce soit d&rsquo;autre. Tout ce que vous avez \u00e0 faire est de convertir ce temps en millisecondes, puis de cr\u00e9er une instruction if, par exemple :<\/p>\n<pre><code class=\"language-jsx\">const twentyFourHours = 86400000;\nif (eta_ms &lt; 0) {\n    eta_ms += twentyFourHours;\n}<\/code><\/pre>\n<p><\/p>\n<\/aside>\n\n<h2>Comment d\u00e9ployer votre application React avec Kinsta<\/h2>\n<p>Pour d\u00e9ployer votre projet React sur l&rsquo;<a href=\"https:\/\/sevalla.com\/application-hosting\/\">h\u00e9bergement d&rsquo;applications<\/a> de Kinsta, vous devez pousser le projet vers votre <a href=\"https:\/\/docs.sevalla.com\/applications\/get-started\/add-an-application#adding-an-application\">fournisseur Git pr\u00e9f\u00e9r\u00e9<\/a>. Lorsque votre projet est h\u00e9berg\u00e9 sur <a href=\"https:\/\/kinsta.com\/fr\/blog\/base-de-connaissances-github\/\">GitHub<\/a>, <a href=\"https:\/\/kinsta.com\/fr\/blog\/gitlab-vs-github\/\">GitLab<\/a> ou <a href=\"https:\/\/kinsta.com\/fr\/blog\/bitbucket-vs-github\/\">Bitbucket<\/a>, vous pouvez proc\u00e9der au d\u00e9ploiement sur Kinsta.<\/p>\n<p>Pour d\u00e9ployer votre d\u00e9p\u00f4t sur Kinsta, suivez les \u00e9tapes suivantes :<\/p>\n<ol start=\"1\">\n<li>Connectez-vous ou cr\u00e9ez votre compte Kinsta sur le tableau de bord MyKinsta.<\/li>\n<li>Dans la colonne lat\u00e9rale de gauche, cliquez sur \u00ab Applications \u00bb, puis sur \u00ab Ajouter un service \u00bb.<\/li>\n<li>S\u00e9lectionnez \u00ab Application \u00bb dans le menu d\u00e9roulant pour d\u00e9ployer une application React sur Kinsta.<\/li>\n<li>Dans la fen\u00eatre modale qui s&rsquo;affiche, choisissez le d\u00e9p\u00f4t que vous souhaitez d\u00e9ployer. Si vous avez plusieurs branches, vous pouvez s\u00e9lectionner la branche souhait\u00e9e et donner un nom \u00e0 votre application.<\/li>\n<li>S\u00e9lectionnez l&rsquo;un des emplacements de centre de donn\u00e9es disponibles dans la liste des 24 options. Kinsta d\u00e9tecte automatiquement la commande de d\u00e9marrage de votre application.<\/li>\n<\/ol>\n<p>Enfin, il n&rsquo;est pas s\u00fbr d&rsquo;envoyer les cl\u00e9s d&rsquo;API \u00e0 des h\u00f4tes publics comme votre fournisseur Git. Lors de l&rsquo;h\u00e9bergement, vous pouvez les ajouter en tant que <a href=\"https:\/\/docs.sevalla.com\/applications\/environment-variables\">variables d&rsquo;environnement<\/a> en utilisant le m\u00eame nom de variable et la m\u00eame valeur que ceux sp\u00e9cifi\u00e9s dans le <strong> fichier .env<\/strong>.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/set-environment-variables-on-mykinsta-when-deploying.jpg\" alt=\"D\u00e9finissez les variables d'environnement sur MyKinsta lors du d\u00e9ploiement.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">D\u00e9finissez les variables d&rsquo;environnement sur MyKinsta lors du d\u00e9ploiement.<\/figcaption><\/figure>\n<p>Une fois que vous avez lanc\u00e9 le d\u00e9ploiement de votre application, le processus commence et se termine g\u00e9n\u00e9ralement en quelques minutes. Un d\u00e9ploiement r\u00e9ussi g\u00e9n\u00e8re un lien vers votre application, comme <strong>http:\/\/site-tools-scheduler-6u1a5.kinsta.app\/<\/strong>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Vous pouvez activer le d\u00e9ploiement automatique, de sorte que Kinsta red\u00e9ploie votre application chaque fois que vous modifiez votre base de code et que vous l&rsquo;envoyez \u00e0 votre h\u00f4te Git.<\/p>\n<\/aside>\n\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Avec l&rsquo;API Kinsta, vous pouvez vous occuper des t\u00e2ches r\u00e9currentes pour vos sites WordPress de mani\u00e8re encore plus efficace. Et dans un futur proche, vous pourrez faire encore plus.<\/p>\n<p>Dans cet article, vous avez appris \u00e0 tirer parti de l&rsquo;API Kinsta en construisant une application React \u00e0 partir de z\u00e9ro &#8211; h\u00e9berg\u00e9e sur Kinsta \u00e9galement &#8211; qui vous permet de planifier le red\u00e9marrage de PHP et de vider le cache du site \u00e0 travers un tableau de bord agr\u00e9able que vous pouvez \u00e9galement cloner et personnaliser pour votre propre cas d&rsquo;utilisation.<\/p>\n<p><em>Comment utilisez-vous l&rsquo;API Kinsta ? Quelles sont les fonctionnalit\u00e9s que vous aimeriez voir ajout\u00e9es\/expos\u00e9es prochainement ?<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Au fil des ans, Kinsta a fait des progr\u00e8s significatifs dans la rationalisation de la gestion des sites web via le tableau de bord MyKinsta. Ce &#8230;<\/p>\n","protected":false},"author":287,"featured_media":71201,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[953,985],"class_list":["post-71200","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-api","topic-services-kinsta"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Planifiez vos t\u00e2ches de maintenance avec l&#039;API Kinsta (vider le cache, red\u00e9marrer le moteur PHP)- Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Apprenez \u00e0 construire une application React pour planifier des t\u00e2ches de maintenance, telles que vider le cache et red\u00e9marrer le moteur PHP avec l&#039;API Kinsta.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Planifiez vos t\u00e2ches de maintenance avec l&#039;API Kinsta (effacer le cache, red\u00e9marrer le moteur PHP)\" \/>\n<meta property=\"og:description\" content=\"Apprenez \u00e0 construire une application React pour planifier des t\u00e2ches de maintenance, telles que vider le cache et red\u00e9marrer le moteur PHP avec l&#039;API Kinsta.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-20T09:50:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-20T09:16:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/07\/restart-php-api.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Joel Olawanle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Apprenez \u00e0 construire une application React pour planifier des t\u00e2ches de maintenance, telles que vider le cache et red\u00e9marrer le moteur PHP avec l&#039;API Kinsta.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/07\/restart-php-api.png\" \/>\n<meta name=\"twitter:creator\" content=\"@olawanle_joel\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joel Olawanle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"Planifiez vos t\u00e2ches de maintenance avec l&rsquo;API Kinsta (effacer le cache, red\u00e9marrer le moteur PHP)\",\"datePublished\":\"2023-07-20T09:50:32+00:00\",\"dateModified\":\"2024-09-20T09:16:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/\"},\"wordCount\":3786,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/07\/restart-php-api.png\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/\",\"name\":\"Planifiez vos t\u00e2ches de maintenance avec l'API Kinsta (vider le cache, red\u00e9marrer le moteur PHP)- Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/07\/restart-php-api.png\",\"datePublished\":\"2023-07-20T09:50:32+00:00\",\"dateModified\":\"2024-09-20T09:16:49+00:00\",\"description\":\"Apprenez \u00e0 construire une application React pour planifier des t\u00e2ches de maintenance, telles que vider le cache et red\u00e9marrer le moteur PHP avec l'API Kinsta.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/07\/restart-php-api.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/07\/restart-php-api.png\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"API\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/api\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Planifiez vos t\u00e2ches de maintenance avec l&#8217;API Kinsta (effacer le cache, red\u00e9marrer le moteur PHP)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"caption\":\"Joel Olawanle\"},\"description\":\"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.\",\"sameAs\":[\"https:\/\/joelolawanle.com\/\",\"https:\/\/www.linkedin.com\/in\/olawanlejoel\/\",\"https:\/\/x.com\/olawanle_joel\",\"https:\/\/www.youtube.com\/@joelolawanle\"],\"gender\":\"male\",\"knowsAbout\":[\"JavaScript\",\"React\",\"Next.js\"],\"knowsLanguage\":[\"English\"],\"jobTitle\":\"Technical Editor\",\"worksFor\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Planifiez vos t\u00e2ches de maintenance avec l'API Kinsta (vider le cache, red\u00e9marrer le moteur PHP)- Kinsta\u00ae","description":"Apprenez \u00e0 construire une application React pour planifier des t\u00e2ches de maintenance, telles que vider le cache et red\u00e9marrer le moteur PHP avec l'API Kinsta.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/","og_locale":"fr_FR","og_type":"article","og_title":"Planifiez vos t\u00e2ches de maintenance avec l'API Kinsta (effacer le cache, red\u00e9marrer le moteur PHP)","og_description":"Apprenez \u00e0 construire une application React pour planifier des t\u00e2ches de maintenance, telles que vider le cache et red\u00e9marrer le moteur PHP avec l'API Kinsta.","og_url":"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2023-07-20T09:50:32+00:00","article_modified_time":"2024-09-20T09:16:49+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/07\/restart-php-api.png","type":"image\/png"}],"author":"Joel Olawanle","twitter_card":"summary_large_image","twitter_description":"Apprenez \u00e0 construire une application React pour planifier des t\u00e2ches de maintenance, telles que vider le cache et red\u00e9marrer le moteur PHP avec l'API Kinsta.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/07\/restart-php-api.png","twitter_creator":"@olawanle_joel","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Joel Olawanle","Dur\u00e9e de lecture estim\u00e9e":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"Planifiez vos t\u00e2ches de maintenance avec l&rsquo;API Kinsta (effacer le cache, red\u00e9marrer le moteur PHP)","datePublished":"2023-07-20T09:50:32+00:00","dateModified":"2024-09-20T09:16:49+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/"},"wordCount":3786,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/07\/restart-php-api.png","inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/","url":"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/","name":"Planifiez vos t\u00e2ches de maintenance avec l'API Kinsta (vider le cache, red\u00e9marrer le moteur PHP)- Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/07\/restart-php-api.png","datePublished":"2023-07-20T09:50:32+00:00","dateModified":"2024-09-20T09:16:49+00:00","description":"Apprenez \u00e0 construire une application React pour planifier des t\u00e2ches de maintenance, telles que vider le cache et red\u00e9marrer le moteur PHP avec l'API Kinsta.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/07\/restart-php-api.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/07\/restart-php-api.png","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/planifier-taches-api-kinsta\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"API","item":"https:\/\/kinsta.com\/fr\/sujets\/api\/"},{"@type":"ListItem","position":3,"name":"Planifiez vos t\u00e2ches de maintenance avec l&#8217;API Kinsta (effacer le cache, red\u00e9marrer le moteur PHP)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","caption":"Joel Olawanle"},"description":"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.","sameAs":["https:\/\/joelolawanle.com\/","https:\/\/www.linkedin.com\/in\/olawanlejoel\/","https:\/\/x.com\/olawanle_joel","https:\/\/www.youtube.com\/@joelolawanle"],"gender":"male","knowsAbout":["JavaScript","React","Next.js"],"knowsLanguage":["English"],"jobTitle":"Technical Editor","worksFor":"Kinsta","url":"https:\/\/kinsta.com\/fr\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/71200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=71200"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/71200\/revisions"}],"predecessor-version":[{"id":71897,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/71200\/revisions\/71897"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/71200\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/71200\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/71200\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/71200\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/71200\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/71200\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/71200\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/71200\/translations\/es"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/71200\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/71201"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=71200"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=71200"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=71200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}