{"id":54242,"date":"2023-07-20T11:51:29","date_gmt":"2023-07-20T09:51:29","guid":{"rendered":"https:\/\/kinqsta.com\/nl\/?p=54242&#038;preview=true&#038;preview_id=54242"},"modified":"2023-07-27T10:54:20","modified_gmt":"2023-07-27T08:54:20","slug":"taken-inplannen-kinsta-api","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/","title":{"rendered":"Onderhoudstaken inplannen met Kinsta API (cache wissen, PHP engine herstarten)"},"content":{"rendered":"<p>In de loop der jaren heeft Kinsta aanzienlijke vooruitgang geboekt in het stroomlijnen van websitebeheer via het <a href=\"https:\/\/my.kinqsta.com\/?lang=nl\">MyKinsta<\/a> dashboard. Met dit krachtige dashboard kunnen gebruikers hun sites beheren en verschillende onderhoudsacties uitvoeren, waaronder <a href=\"https:\/\/kinqsta.com\/nl\/docs\/wordpress-hosting\/php\/#restart-php\">het herstarten van de PHP engine<\/a> en het <a href=\"https:\/\/kinqsta.com\/nl\/docs\/wordpress-hosting\/caching\/sitecaching\/#manage-and-clear-cache-in-your-wordpress-dashboard\">wissen van de cache van hun site<\/a>.<\/p>\n<p>De introductie van de <a href=\"https:\/\/kinqsta.com\/nl\/docs\/kinsta-api\/\">Kinsta API<\/a> tilt websitebeheer echter naar een heel nieuw niveau. <a href=\"https:\/\/kinqsta.com\/nl\/blog\/soorten-developers\/\">Developers<\/a> kunnen nu gebruik maken van de kracht van Kinsta API om het beheerproces te verbeteren, <a href=\"https:\/\/kinqsta.com\/nl\/blog\/wordpress-api\/\">custom interfaces te maken<\/a> en zelfs planningsapplicaties te bouwen om essenti\u00eble taken te automatiseren.<\/p>\n<p>Deze tutorial duikt in de wereld van Kinsta API en legt uit hoe je een <a href=\"https:\/\/kinqsta.com\/blog\/what-is-react-js\/\">React<\/a> applicatie kunt bouwen voor het plannen van essenti\u00eble onderhoudstaken zoals het herstarten van de PHP engine en het wissen van de cache met de Kinsta API.<\/p>\n<p>Hier zie je een live demo van <a href=\"https:\/\/site-tools-scheduler-6u1a5.kinsta.app\/\" target=\"_blank\" rel=\"noopener noreferrer\">de Site Tools Scheduler applicatie<\/a>.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/maintenance-tasks-app.gif\" alt=\"Site Tools Planner app demo.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Site Tools Planner app demo.<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Als je dit wilt testen met je managed WordPress hosting, gebruik dan <a href=\"https:\/\/github.com\/kinsta\/site-tools-scheduler\">deze GitHub template<\/a>, deploy het en voeg je bedrijfs-ID en API sleutel toe als omgevingsvariabelen. Bekijk het <a href=\"https:\/\/github.com\/kinsta\/site-tools-scheduler\/blob\/main\/README.md\" target=\"_blank\" rel=\"noopener noreferrer\">Readme.md bestand<\/a> voor meer details.<\/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>De Kinsta API<\/h2>\n<p>De <a href=\"https:\/\/kinqsta.com\/nl\/changelog\/kinsta-api\/\">Kinsta API<\/a> is een krachtig hulpmiddel waarmee je programmatisch kunt communiceren met Kinsta&#8217;s <a href=\"https:\/\/kinqsta.com\/nl\/wordpress-hosting\/\">Managed WordPress Hosting<\/a> platform. Het kan helpen bij het automatiseren van verschillende taken met betrekking tot de diensten van Kinsta, waaronder het maken van sites, het ophalen van site-informatie, <a href=\"https:\/\/kinqsta.com\/nl\/blog\/kinsta-api-sleutel\/#how-to-use-kinsta-api-to-build-a-status-checker\">het opvragen van de status van een site<\/a> en nog veel meer.<\/p>\n<p>Om de API van Kinsta te gebruiken, moet je een account hebben met ten minste \u00e9\u00e9n WordPress site, <a href=\"https:\/\/sevalla.com\/application-hosting\/\">applicatie<\/a> of <a href=\"https:\/\/sevalla.com\/database-hosting\/\">database<\/a> in MyKinsta. Je moet ook een API sleutel genereren om je te authenticeren en toegang te krijgen tot je account via de API.<\/p>\n<p>Om een API-sleutel te genereren:<\/p>\n<ol start=\"1\">\n<li>Ga naar je MyKinsta dashboard.<\/li>\n<li>Navigeer naar de pagina <strong>API sleutels <\/strong>(<strong>Je naam<\/strong> &gt; <strong>Bedrijfsinstellingen<\/strong> &gt; <strong>API sleutels<\/strong>).<\/li>\n<li>Klik op <strong>Maak API sleutel aan<\/strong>.<\/li>\n<li>Kies een vervaldatum of stel een aangepaste begindatum in en het aantal uren dat de sleutel moet verlopen.<\/li>\n<li>Geef de sleutel een unieke naam.<\/li>\n<li>Klik op <strong>Genereer<\/strong>.<\/li>\n<\/ol>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/create-api-key-on-mykinsta-1.jpg\" alt=\"API sleutel aanmaken op MyKinsta.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">API sleutel aanmaken op MyKinsta.<\/figcaption><\/figure>\n<p>Nadat je een API sleutel hebt gemaakt, moet je deze kopi\u00ebren en ergens veilig opslaan (je kunt een <a href=\"https:\/\/kinqsta.com\/nl\/blog\/wachtwoordmanagers\/\">wachtwoordmanager<\/a> gebruiken), want dit is de <strong>enige keer dat<\/strong> de sleutel wordt getoond binnen MyKinsta. Je kunt meerdere API sleutels genereren &#8211; ze staan vermeld op de pagina <strong>API sleutels<\/strong>. Als je een API-sleutel wilt intrekken, klik je op <strong>Intrekken<\/strong> naast de sleutel die je wilt intrekken.<\/p>\n<h2>Zo gebruik je Kinsta&#8217;s site tools met Kinsta API<\/h2>\n<p>De <a href=\"https:\/\/kinqsta.com\/nl\/docs\/wordpress-hosting\/mykinsta-tools\/\">Kinsta Site Tools<\/a> zijn een verzameling tools die beschikbaar zijn voor Kinsta gebruikers om hen te helpen bij het beheren en onderhouden van hun WordPress sites. Deze tools zijn beschikbaar via MyKinsta (<strong>WordPress Sites<\/strong> &gt; <strong>sitenaam<\/strong>\u00a0&gt; <strong>Tools<\/strong>), maar ze worden op dit moment nog niet allemaal ondersteund door de Kinsta API. Ons team werkt voortdurend aan het toevoegen van de volgende feature en volgt en luistert daarbij nauwgezet naar feedback, zoals Kristof Siket, Development Team Lead voor Kinsta API, deelt:<\/p>\n<blockquote><p><em>Feedback van gebruikers bepaalt de prioritering van features. De huidige staat dekt de Tools pagina niet volledig; in plaats daarvan wordt het toevoegen van features gebaseerd op verzoeken van gebruikers en verzamelde feedback.<\/em><em>Als je vindt dat een specifieke tool of endpoint moet worden opgenomen in de Kinsta API, <a href=\"https:\/\/kinqsta.com\/nl\/docs\/service-informatie\/kinsta-research-programma\/#how-to-join\">stuur dan gerust je feedback<\/a><\/em>.<\/p><\/blockquote>\n<p>Om de Site Tools van Kinsta te kunnen gebruiken, is het noodzakelijk om de omgevings-ID van je site te verkrijgen. Elke site op MyKinsta heeft ten minste \u00e9\u00e9n omgeving, elk met een unieke ID. Om de omgevings-ID op te halen, kun je gebruikmaken van de Kinsta API door eerst je site-ID op te halen en deze vervolgens te gebruiken als parameter om toegang te krijgen tot de bijbehorende omgevingsgegevens.<\/p>\n<p>Om je site-ID op te halen, kun je het <code><a href=\"https:\/\/api-docs.kinqsta.com\/tag\/WordPress-Sites#operation\/getSites\" target=\"_blank\" rel=\"noopener noreferrer\">\/sites<\/a><\/code> endpoint, dat een lijst van je sites retourneert. Zodra je de site-ID hebt verkregen, kun je de omgevings-ID ophalen door een GET-verzoek te doen naar het <code>\/sites<\/code> endpoint, de ID op te geven en het <code><a href=\"https:\/\/api-docs.kinqsta.com\/tag\/WordPress-Sites#operation\/getSiteEnvironments\" target=\"_blank\" rel=\"noopener noreferrer\">\/environments<\/a><\/code> endpoint toe te voegen.<\/p>\n<p>Hier is een voorbeeld van een codefragment dat laat zien hoe je dit kunt bereiken met <a href=\"https:\/\/kinqsta.com\/nl\/blog\/javascript-http-verzoek\/#4-how-to-make-an-http-request-in-javascript-using-the-fetch-api\">JavaScript Fetch API<\/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.kinqsta.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>In de bovenstaande code definieer je de variabele <code>siteId<\/code> met de ID van je site. Vervolgens doe je een fetch-verzoek naar het endpoint van de Kinsta API om de omgevingen van de gespecificeerde site op te halen. Zorg ervoor dat je de API sleutel opneemt in de autorisatieheader.<\/p>\n<p>Na ontvangst van de respons worden de gegevens gelogd naar de console, die de details van je omgeving(en) bevat, inclusief het 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>Nu je weet hoe je toegang krijgt tot je omgevings-ID, gaan we de site tools van Kinsta programmatisch gebruiken.<\/p>\n<h3>Sitecache wissen met Kinsta API<\/h3>\n<p>Om de cache van je site te wissen met de Kinsta API, stuur je een post verzoek naar het <code><a href=\"https:\/\/api-docs.kinqsta.com\/tag\/Site-Tools#operation\/clearSiteCache\" target=\"_blank\" rel=\"noopener noreferrer\">\/sites\/tools\/clear-cache<\/a><\/code> endpoint. Hiervoor moet je de omgevings-ID doorgeven als inhoud van het verzoek.<\/p>\n<p>De onderstaande code laat zien hoe je dit kunt doen met JavaScript en de Fetch API:<\/p>\n<pre><code class=\"language-js\">const clearSiteCache = async () =&gt; {\n  const resp = await fetch(\n    `https:\/\/api.kinqsta.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>In de bovenstaande code wordt een <code>clearSiteCache<\/code> functie gedefinieerd die twee parameters aanneemt: de URL van het API endpoint en een object dat de configuratie voor het fetch verzoek bevat. De configuratie omvat de <code>method<\/code>, <code>headers<\/code>, en <code>body<\/code>.<\/p>\n<p>In het veld <code>body<\/code> geef je de payload van het verzoek door, namelijk de omgevings-ID. Je gebruikt <code>JSON.stringify<\/code> om het object om te zetten in een JSON string. Vervang de waarde <code>environment_id<\/code> door de werkelijke ID van de omgeving die je opnieuw wilt opstarten. Zodra het verzoek is verzonden, worden de responsgegevens gelogd naar de console.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Hoe je de PHP engine van je site herstart met de Kinsta API is vergelijkbaar met hoe je de cache van je site leegmaakt. Het enige verschil is het endpoint, want het is niet langer <code>\/clear-cache<\/code> maar <code><a href=\"https:\/\/api-docs.kinqsta.com\/tag\/Site-Tools#operation\/restartPhpEngine\" target=\"_blank\" rel=\"noopener noreferrer\">\/restart-php<\/a><\/code> &#8211; https:\/\/api.kinqsta.com\/v2\/sites\/tools\/restart-php. Alle andere parameters en query&#8217;s zijn hetzelfde.<\/p>\n<\/aside>\n\n<h2>Een React applicatie bouwen om onderhoudstaken te plannen met Kinsta API<\/h2>\n<p>Met de introductie van de Kinsta API kun je nu custom interfaces bouwen die je ongekende flexibiliteit geven. Een voorbeeld hiervan is een applicatie waarmee je de onderhoudstaken van je site kunt plannen. Denk hierbij aan het wissen van de cache van je site of het opnieuw opstarten van de PHP engine, wat je automatisch plant op middernacht op een specifieke locatie. Dit kan helpen om zonder problemen optimale prestaties te garanderen.<\/p>\n<h3>Hoe te beginnen<\/h3>\n<p>Om deze tutorial te kunnen volgen, is het raadzaam om een basiskennis te hebben van <a href=\"https:\/\/kinqsta.com\/blog\/what-is-html\/\">HTML<\/a>, <a href=\"https:\/\/kinqsta.com\/nl\/blog\/css-best-practices\/\">CSS<\/a> en <a href=\"https:\/\/kinqsta.com\/javascript\/\">JavaScript<\/a> en enige bekendheid met React. De belangrijkste focus van dit project is het demonstreren van het gebruik van de Kinsta API, dus dit artikel gaat niet in op de details van het maken of stylen van UI en andere logica.<\/p>\n<p>Om het opzetten van het project te stroomlijnen, is er een startersproject voor je voorbereid. Volg deze stappen om te beginnen:<\/p>\n<p>1. Maak een <a href=\"https:\/\/kinqsta.com\/nl\/onderwerpen\/git\/\">Git<\/a> repository met behulp van <a href=\"https:\/\/github.com\/kinsta\/site-tools-scheduler\" target=\"_blank\" rel=\"noopener noreferrer\">deze template op GitHub<\/a>. Selecteer <strong>Use this template<\/strong> &gt; <strong>Create a new repository<\/strong> om de startcode naar een nieuwe repository binnen je GitHub account te kopi\u00ebren, en zorg ervoor dat je het vakje om <strong>alle branches mee te nemen<\/strong> aanvinkt.<\/p>\n<p>2. Pull de repository naar je lokale computer en schakel over naar de <a href=\"https:\/\/github.com\/kinsta\/site-tools-scheduler\/tree\/starter-files\" target=\"_blank\" rel=\"noopener noreferrer\">starter-files<\/a> branch met het onderstaande commando:<\/p>\n<pre><code class=\"language-bash\">git checkout starter-files<\/code><\/pre>\n<p>3. Installeer de benodigde dependencies door het commando <code>npm install<\/code> uit te voeren. Als de installatie voltooid is, kun je het project op je lokale computer starten met <code>npm run start<\/code>. Dit opent het project op <a href=\"http:\/\/localhost:3000\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/localhost:3000\/<\/a>.<\/p>\n<h3>De projectbestanden<\/h3>\n<p>Binnen de <strong>src map<\/strong> van dit project zijn twee belangrijke submappen: <strong>components<\/strong> en <strong>pages<\/strong>. De components map bevat herbruikbare componenten, zoals de <strong>Header<\/strong> en <strong>Footer<\/strong>, die op alle pagina&#8217;s worden gebruikt <strong>(Home<\/strong>, <strong>Operations<\/strong>, <strong>Tools<\/strong>, <strong>Schedule<\/strong>).<\/p>\n<p>In dit project ligt je primaire focus op het implementeren van de logica op de <strong>Home<\/strong> en <strong>Tools pagina&#8217;s<\/strong>, omdat de styling, routing en andere logica al klaar zijn.<\/p>\n<p>De <b>Home pagina <\/b>heeft een formulier dat alle sites op je MyKinsta account weergeeft. Wanneer deze pagina wordt weergegeven, pullt de <a href=\"https:\/\/kinqsta.com\/nl\/blog\/react-useeffect\/\">useEffect hook<\/a> onmiddellijk <a href=\"https:\/\/kinqsta.com\/nl\/blog\/kinsta-api-sleutel\/#fetch-list-of-sites-with-kinsta-api\">een lijst van al je sites<\/a> en vult deze in binnen een select formulierveld. De ID van elke site wordt gebruikt als de waarde voor de bijbehorende optie.<\/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:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/custom-react-app-for-kinsta-site-tools-management.jpg\" alt=\"Custom React app voor het beheer van Kinsta Site Tools.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Custom React app voor het beheer van Kinsta Site Tools.<\/figcaption><\/figure>\n<p>Wanneer een site wordt geselecteerd en op de knop &#8220;Proceed&#8221; wordt geklikt, wordt de functie <code>handleSubmission<\/code> geactiveerd. In deze functie wordt de Kinsta API gebruikt om de omgevings-ID van de site op te halen. Vervolgens wordt deze ID als routeparameter doorgegeven aan de <strong>Tools pagina<\/strong>.<\/p>\n<p>Op de <strong>Extra<\/strong> <strong>pagina<\/strong> kun je onderhoudstaken voor de geselecteerde site uitvoeren en plannen, zoals het wissen van de cache van de site of het herstarten van de PHP engine. Om een van deze acties uit te voeren op de <strong>Tools pagina<\/strong>, heb je de omgevings-ID nodig. Daarom wordt deze als routeparameter doorgegeven aan deze pagina.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/schedule-tasks-kinsta-api.jpg\" alt=\"Beheer van Kinsta Site Tools.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Beheer van Kinsta Site Tools.<\/figcaption><\/figure>\n<p>Wanneer je acties uitvoert zoals het wissen van de cache van de site of het herstarten van de PHP engine, word je automatisch genavigeerd naar de <strong>Operations pagina<\/strong>. Hier kun je de voortgang van je actie volgen aan de hand van de toegewezen ID.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/kinsta-site-tools-operation-status.jpg\" alt=\"Operationele status van Kinsta site tools.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Operationele status van Kinsta Site Tools.<\/figcaption><\/figure>\n<p>Als je een taak plant, word je doorgestuurd naar de <strong>Schedule pagina<\/strong>,\u00a0waar gedetailleerde informatie over de geplande taak wordt weergegeven.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/kinsta-site-tools-schedule-information-page.jpg\" alt=\"Pagina met informatie over de planning van Kinsta Site Tools.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Pagina met informatie over het plannen van Kinsta Site Tools.<\/figcaption><\/figure>\n<p>Zodra de geplande tijd is bereikt, begint de specifieke operatie en word je automatisch doorgestuurd naar de <strong>Operations pagina<\/strong>, waar je de voortgang van de operatie kunt controleren.<\/p>\n<h2>Interactie met de Kinsta API in React<\/h2>\n<p>Nu de gebruikersinterface (UI) klaar is, is je volgende stap het afhandelen van de formulierindiening op de <strong>Home pagina<\/strong> en het ophalen van de omgevings-ID van je geselecteerde site via de Kinsta API voordat je de gebruiker naar de <strong>Tools pagina<\/strong> navigeert met de ID als routeparameter.<\/p>\n<p>Voor interactie met de Kinsta API heb je je <strong>bedrijfs-ID<\/strong> en <strong>API sleutel<\/strong> nodig. Als je API calls maakt in een project dat in de cloud wordt gehost, moeten je gegevens, zoals de API sleutel, veilig worden opgeslagen om elke vorm van compromittering te voorkomen.<\/p>\n<p>Je kunt ze veilig opslaan als omgevingsvariabelen in je React applicatie door een <strong>.env bestand<\/strong> aan te maken in de hoofdmap van je project. Voeg in dit bestand de volgende regels toe:<\/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>Om toegang te krijgen tot deze omgevingsvariabelen binnen je project, kun je de syntaxis <code>process.env.THE_VARIABLE<\/code> gebruiken. Om bijvoorbeeld toegang te krijgen tot <code>REACT_APP_KINSTA_COMPANY_ID<\/code>, gebruik je <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>Het is belangrijk om het <strong>.env bestand<\/strong> toe te voegen aan je <a href=\"https:\/\/kinqsta.com\/nl\/blog\/gitignore-repareren\/\">.gitignore bestand<\/a> om te voorkomen dat het bestand naar GitHub wordt gepushed. Dit zorgt ervoor dat je gevoelige informatie, zoals API sleutels, priv\u00e9 en veilig blijft.<\/p>\n<\/aside>\n\n<h3>Omgeving ID ophalen met Kinsta API in React<\/h3>\n<p>Op de <strong>startpagina<\/strong> wordt, wanneer een site wordt geselecteerd en op de verzendknop wordt geklikt, de functie <code>handleSubmission<\/code> geactiveerd. Deze functie gebruikt de Fetch API (of de HTTP verzoekmethode van je voorkeur) om een GET verzoek naar de Kinsta API te doen.<\/p>\n<p>Om te voorkomen dat we de headers en de Kinsta API URL in elke API call herhalen, slaan we de <code>headers<\/code> en <code>KinstaAPIUrl<\/code> op als constanten.<\/p>\n<pre><code class=\"language-jsx\">const KinstaAPIUrl = 'https:\/\/api.kinqsta.com\/v2';\nconst headers = useMemo(() =&gt; {\n    return {\n        Authorization: `Bearer ${process.env.REACT_APP_KINSTA_API_KEY}`\n    }\n}, [])<\/code><\/pre>\n<p>De variabele <code>KinstaAPIUrl<\/code> slaat de basis URL voor de Kinsta API op. De constante <code>headers<\/code> wordt gemaakt met de <a href=\"https:\/\/kinqsta.com\/blog\/react-usecallback\/#reacts-usecallback-vs-usememo\">useMemo hook<\/a> om ervoor te zorgen dat het headers object slechts eenmaal wordt gemaakt en niet verandert tussen renders. Het bevat de Authorization header, die de Kinsta API sleutel bevat die is opgehaald uit de omgevingsvariabelen.<\/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>In de bovenstaande code wordt een asynchrone functie (<code>fetchEnvironmentId<\/code>) gemaakt die de <code>siteId<\/code> van de geselecteerde site pakt en doorgeeft aan het <a href=\"https:\/\/kinqsta.com\/blog\/api-endpoint\/\">API endpoint<\/a> om de omgevingsdetails op te halen.<\/p>\n<p>Zodra het antwoord is ontvangen, haal je de omgevings-ID uit de gegevens (je kunt meer dan \u00e9\u00e9n omgeving hebben: test of live &#8211; dus ze worden allemaal opgeslagen in een array, laten we de live omgeving gebruiken voor deze demo) en gebruik je de navigeerfunctie (die al voor je is ge\u00efmporteerd en ge\u00efnstantieerd) om de gebruiker om te leiden naar de <strong>Tools pagina<\/strong> met de omgevings-ID als routeparameter.<\/p>\n<p><strong>Opmerking:<\/strong> Al deze routes zijn al geconfigureerd in het <strong>App.js bestand<\/strong>.<\/p>\n<h3>Onderhoudstaken uitvoeren met Kinsta API in React<\/h3>\n<p>Op de Tools pagina zijn er twee tools die kunnen worden gebruikt om je site te onderhouden, elk met twee knoppen om de bewerking onmiddellijk uit te voeren of de bewerking te plannen (de functies zijn gemaakt en <code>onClick<\/code> events zijn voor jou aan alle knoppen gekoppeld). Deze tutorial legt alleen uit hoe je de PHP engine van je site herstart, omdat het erg lijkt op hoe je de cache van je site leegmaakt &#8211; het enige verschil is het endpoint.<\/p>\n<p>Om de PHP engine opnieuw te starten of een andere bewerking uit te voeren, heb je de omgevings-ID nodig, die al als routeparameter is doorgegeven aan de <strong>Tools pagina<\/strong>. De volgende stap is om deze parameter op te halen, op te slaan in een variabele en dan een verzoek te sturen naar de Kinsta API.<\/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>Dit is al geregeld in de startbestanden. Je hoeft alleen maar het API verzoek naar de Kinsta API uit te voeren in de functie <code>restartEngine<\/code>.<\/p>\n<\/aside>\n\n<p>Sla de request headers en API URL op als constante variabelen omdat ze niet veranderen. De headers voor een POST verzoek verschillen van een GET verzoek omdat het de <code>Content-Type<\/code> waarde heeft.<\/p>\n<pre><code class=\"language-jsx\">const KinstaAPIUrl = 'https:\/\/api.kinqsta.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>Als er op de knop <b>Restart <\/b>wordt geklikt, wordt de functie <code>restartEngine<\/code> gecalled. In deze functie sturen we een POST verzoek naar de Kinsta API, die de omgevings-ID als payload meeneemt:<\/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>Telkens wanneer de bovenstaande code wordt uitgevoerd, wordt automatisch een PHP engine herstart op je site. Als je meteen op het MyKinsta dashboard van je site kijkt, zie je deze melding bovenaan je pagina:<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/php-restart-on-mykinsta.jpg\" alt=\"PHP herstart op MyKinsta.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">PHP herstart op MyKinsta.<\/figcaption><\/figure>\n<p>Je kunt dit programmatisch controleren met het <code><a href=\"https:\/\/api-docs.kinqsta.com\/tag\/Operations#operation\/getOperationStatus\" target=\"_blank\" rel=\"noopener noreferrer\">\/operations<\/a><\/code> endpoint van de Kinsta API. In de bovenstaande code word je, zodra dit verzoek succesvol is, automatisch genavigeerd naar de <strong>Operations pagina <\/strong>met de ID van de operatie als routeparameter, waar je de status van de operatie kunt controleren. Zorg ervoor dat je de <a href=\"https:\/\/github.com\/kinsta\/site-tools-scheduler\/blob\/starter-files\/src\/pages\/Operations.jsx\" target=\"_blank\" rel=\"noopener noreferrer\">Operations pagina<\/a> bekijkt om te zien hoe dit wordt afgehandeld.<\/p>\n<h3>Een taak plannen met Kinsta API in React<\/h3>\n<p>Het plannen van een taak met JavaScript betekent dat je de geschatte tijd voor de taak in milliseconden moet berekenen en dan de functie <code>setTimeout<\/code> moet gebruiken.<\/p>\n<p>Als je op de <strong>Tools pagina<\/strong> op de knop Schedule klikt, verschijnt er een popup met twee formuliervelden. Met deze velden kun je de gewenste <strong>datum<\/strong> en <strong>tijd<\/strong> selecteren waarop de bewerking moet plaatsvinden. De ingevoerde gegevens worden gebruikt om de totale tijd, in milliseconden, te berekenen vanaf het huidige moment tot het moment waarop de bewerking naar verwachting zal beginnen.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/schedule-tasks-ui.jpg\" alt=\"Site Tools Planner interface.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Site Tools Planner interface.<\/figcaption><\/figure>\n<p>Om dit te doen , haal je de dag, de maand en het jaar uit het datumveld door de datum door te geven aan een <code>new Date<\/code> object en vervolgens elk op te slaan in aparte variabelen.<\/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>Vervolgens halen we het uur en de minuten uit het tijdveld:<\/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>Met deze verkregen waarden kun je de verwachte tijd in milliseconden berekenen:<\/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>Op dit punt heb je de verwachte tijd in milliseconden. Je kunt nu een <code>setTimeout<\/code> functie maken die triggert op de opgegeven datum en tijd:<\/p>\n<pre><code class=\"language-jsx\">setTimeout(function () {\n    restartEngine();\n}, eta_ms);<\/code><\/pre>\n<p>In de bovenstaande code wordt de functie <code>restartEngine()<\/code> gecalled wanneer de opgegeven tijd is bereikt om de PHP engine opnieuw te starten.<\/p>\n<p>Zo ziet de volledige code eruit:<\/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>Wanneer je een taak inroostert, word je genavigeerd naar de <b>Schedule pagina <\/b>waar je details over de planning kunt bekijken. Als het geplande tijdstip is bereikt, wordt de functie <code>setTimeout<\/code> gecalled, die automatisch naar de <strong>Operations pagina <\/strong>navigeert om de status van de bewerking te volgen.<\/p>\n<p>Nu heb je met succes de agenda functionaliteit ge\u00efmplementeerd en de Kinsta API geactiveerd om de PHP engine van je site opnieuw op te starten. Je kunt hetzelfde doen om de cache van je site te wissen.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Stel dat je de taak wilt plannen om elke 24 uur, 72 uur of wat dan ook te herhalen. Het enige wat je hoeft te doen is zo&#8217;n tijd omrekenen naar milliseconden en dan een if-statement maken, bijv:<\/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>Zo deploy je je React applicatie met Kinsta<\/h2>\n<p>Om je React project te deployen naar Kinsta&#8217;s <a href=\"https:\/\/sevalla.com\/application-hosting\/\">Applicatie Hosting<\/a>, moet je het project pushen naar <a href=\"https:\/\/docs.sevalla.com\/applications\/get-started\/add-an-application#adding-an-application\">je favoriete Git provider<\/a>. Als je project is gehost op <a href=\"https:\/\/kinqsta.com\/blog\/what-is-github\/\">GitHub<\/a>, <a href=\"https:\/\/kinqsta.com\/nl\/blog\/gitlab-en-github\/\">GitLab<\/a> of <a href=\"https:\/\/kinqsta.com\/nl\/blog\/bitbucket-vs-github\/\">Bitbucket<\/a>, kun je het deployen naar Kinsta.<\/p>\n<p>Om je repository naar Kinsta te deployen, volg je deze stappen:<\/p>\n<ol start=\"1\">\n<li>Log in of maak je Kinsta account aan op het MyKinsta dashboard.<\/li>\n<li>Klik in de linker zijbalk op &#8220;Applicaties&#8221; en vervolgens op &#8220;Dienst toevoegen&#8221;.<\/li>\n<li>Selecteer &#8220;Applicatie&#8221; in het vervolgkeuzemenu om een React applicatie te deployen op Kinsta.<\/li>\n<li>Kies in het venster dat verschijnt de repository die je wilt deployen. Als je meerdere branches hebt, kun je de gewenste branch selecteren en een naam geven aan je applicatie.<\/li>\n<li>Selecteer een van de beschikbare datacenter locaties uit de lijst met 24 opties. Kinsta detecteert automatisch het start commando voor je applicatie.<\/li>\n<\/ol>\n<p>Tot slot is het niet veilig om API sleutels naar publieke hosts zoals je Git provider te pushen. Bij het hosten kun je ze toevoegen als <a href=\"https:\/\/docs.sevalla.com\/applications\/environment-variables\">omgevingsvariabelen<\/a> met dezelfde variabelennaam en waarde die zijn opgegeven in het <strong>.env bestand<\/strong>.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/set-environment-variables-on-mykinsta-when-deploying.jpg\" alt=\"Stel omgevingsvariabelen in op MyKinsta bij het deployen.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Stel omgevingsvariabelen in op MyKinsta bij het deployen.<\/figcaption><\/figure>\n<p>Zodra je de deployment van je applicatie start, begint het proces en is meestal binnen een paar minuten klaar. Een succesvolle deployment genereert een link naar je applicatie, zoals <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>Je kunt automatische deployments inschakelen, zodat Kinsta je applicatie opnieuw deployt wanneer je je codebase wijzigt en naar je Git host pusht.<\/p>\n<\/aside>\n\n<h2>Samenvatting<\/h2>\n<p>Met Kinsta API kun je terugkerende taken voor je WordPress sites nog effici\u00ebnter uitvoeren. En in de nabije toekomst zul je nog meer kunnen doen.<\/p>\n<p>In dit artikel heb je geleerd hoe je voordeel kunt halen uit Kinsta API door een React applicatie vanaf nul te bouwen &#8211; ook gehost op Kinsta &#8211; waarmee je PHP herstarts kunt plannen en de cache van de site kunt wissen via een mooi dashboard dat je ook kunt klonen en aanpassen voor je eigen use case.<\/p>\n<p><em>Hoe gebruik jij de Kinsta API? Welke features zou je als volgende toegevoegd\/belicht willen zien?<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In de loop der jaren heeft Kinsta aanzienlijke vooruitgang geboekt in het stroomlijnen van websitebeheer via het MyKinsta dashboard. Met dit krachtige dashboard kunnen gebruikers hun &#8230;<\/p>\n","protected":false},"author":287,"featured_media":54243,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[911],"class_list":["post-54242","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-api"],"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>Onderhoudstaken inplannen met Kinsta API (cache wissen, PHP engine herstarten- Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Leer hoe je een React applicatie kunt bouwen om onderhoudstaken te plannen, zoals het wissen van de cache en het herstarten van de PHP engine met Kinsta API.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Onderhoudstaken inplannen met Kinsta API (cache wissen, PHP engine herstarten)\" \/>\n<meta property=\"og:description\" content=\"Leer hoe je een React applicatie kunt bouwen om onderhoudstaken te plannen, zoals het wissen van de cache en het herstarten van de PHP engine met Kinsta API.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-20T09:51:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-27T08:54:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/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=\"Leer hoe je een React applicatie kunt bouwen om onderhoudstaken te plannen, zoals het wissen van de cache en het herstarten van de PHP engine met Kinsta API.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/restart-php-api.png\" \/>\n<meta name=\"twitter:creator\" content=\"@olawanle_joel\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joel Olawanle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"Onderhoudstaken inplannen met Kinsta API (cache wissen, PHP engine herstarten)\",\"datePublished\":\"2023-07-20T09:51:29+00:00\",\"dateModified\":\"2023-07-27T08:54:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/\"},\"wordCount\":3112,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/restart-php-api.png\",\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/\",\"url\":\"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/\",\"name\":\"Onderhoudstaken inplannen met Kinsta API (cache wissen, PHP engine herstarten- Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/restart-php-api.png\",\"datePublished\":\"2023-07-20T09:51:29+00:00\",\"dateModified\":\"2023-07-27T08:54:20+00:00\",\"description\":\"Leer hoe je een React applicatie kunt bouwen om onderhoudstaken te plannen, zoals het wissen van de cache en het herstarten van de PHP engine met Kinsta API.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/restart-php-api.png\",\"contentUrl\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/restart-php-api.png\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"API\",\"item\":\"https:\/\/kinqsta.com\/nl\/onderwerpen\/api\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Onderhoudstaken inplannen met Kinsta API (cache wissen, PHP engine herstarten)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#website\",\"url\":\"https:\/\/kinqsta.com\/nl\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snelle, veilige, premium hostingoplossingen\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\",\"https:\/\/x.com\/Kinsta_NL\",\"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:\/\/kinqsta.com\/nl\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#\/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:\/\/kinqsta.com\/nl\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Onderhoudstaken inplannen met Kinsta API (cache wissen, PHP engine herstarten- Kinsta\u00ae","description":"Leer hoe je een React applicatie kunt bouwen om onderhoudstaken te plannen, zoals het wissen van de cache en het herstarten van de PHP engine met Kinsta API.","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:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/","og_locale":"nl_NL","og_type":"article","og_title":"Onderhoudstaken inplannen met Kinsta API (cache wissen, PHP engine herstarten)","og_description":"Leer hoe je een React applicatie kunt bouwen om onderhoudstaken te plannen, zoals het wissen van de cache en het herstarten van de PHP engine met Kinsta API.","og_url":"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2023-07-20T09:51:29+00:00","article_modified_time":"2023-07-27T08:54:20+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/restart-php-api.png","type":"image\/png"}],"author":"Joel Olawanle","twitter_card":"summary_large_image","twitter_description":"Leer hoe je een React applicatie kunt bouwen om onderhoudstaken te plannen, zoals het wissen van de cache en het herstarten van de PHP engine met Kinsta API.","twitter_image":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/restart-php-api.png","twitter_creator":"@olawanle_joel","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Joel Olawanle","Geschatte leestijd":"17 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinqsta.com\/nl\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"Onderhoudstaken inplannen met Kinsta API (cache wissen, PHP engine herstarten)","datePublished":"2023-07-20T09:51:29+00:00","dateModified":"2023-07-27T08:54:20+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/"},"wordCount":3112,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/restart-php-api.png","inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/","url":"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/","name":"Onderhoudstaken inplannen met Kinsta API (cache wissen, PHP engine herstarten- Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinqsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/restart-php-api.png","datePublished":"2023-07-20T09:51:29+00:00","dateModified":"2023-07-27T08:54:20+00:00","description":"Leer hoe je een React applicatie kunt bouwen om onderhoudstaken te plannen, zoals het wissen van de cache en het herstarten van de PHP engine met Kinsta API.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/#primaryimage","url":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/restart-php-api.png","contentUrl":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/restart-php-api.png","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/nl\/blog\/taken-inplannen-kinsta-api\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/nl\/"},{"@type":"ListItem","position":2,"name":"API","item":"https:\/\/kinqsta.com\/nl\/onderwerpen\/api\/"},{"@type":"ListItem","position":3,"name":"Onderhoudstaken inplannen met Kinsta API (cache wissen, PHP engine herstarten)"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/nl\/#website","url":"https:\/\/kinqsta.com\/nl\/","name":"Kinsta\u00ae","description":"Snelle, veilige, premium hostingoplossingen","publisher":{"@id":"https:\/\/kinqsta.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/nl\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinqsta.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","https:\/\/x.com\/Kinsta_NL","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:\/\/kinqsta.com\/nl\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinqsta.com\/nl\/#\/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:\/\/kinqsta.com\/nl\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/posts\/54242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/users\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/comments?post=54242"}],"version-history":[{"count":7,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/posts\/54242\/revisions"}],"predecessor-version":[{"id":54416,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/posts\/54242\/revisions\/54416"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/54242\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/54242\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/54242\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/54242\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/54242\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/54242\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/54242\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/54242\/translations\/es"},{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/54242\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/media\/54243"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/media?parent=54242"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/tags?post=54242"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/topic?post=54242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}