{"id":63899,"date":"2023-07-20T10:49:00","date_gmt":"2023-07-20T09:49:00","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=63899&#038;preview=true&#038;preview_id=63899"},"modified":"2023-08-21T09:42:49","modified_gmt":"2023-08-21T08:42:49","slug":"plane-wartungsaufgaben-kinsta-api","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/","title":{"rendered":"Plane deine Wartungsaufgaben mit der Kinsta-API (Cache l\u00f6schen, PHP-Engine neu starten)"},"content":{"rendered":"<p>Im Laufe der Jahre hat Kinsta erhebliche Fortschritte bei der Vereinfachung der Website-Verwaltung \u00fcber das <a href=\"https:\/\/my.kinsta.com\/?lang=de\">MyKinsta<\/a>-Dashboard gemacht. Mit diesem leistungsstarken Dashboard k\u00f6nnen Nutzer\/innen ihre Websites verwalten und verschiedene Wartungsma\u00dfnahmen durchf\u00fchren, wie z. B. <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/php\/#restart-php\">den Neustart der PHP-Engine<\/a> und das <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/caching\/seiten-caching\/#manage-and-clear-cache-in-your-wordpress-dashboard\">L\u00f6schen des Caches ihrer Website<\/a>.<\/p>\n<p>Die Einf\u00fchrung der <a href=\"https:\/\/kinsta.com\/de\/docs\/kinsta-api\/\">Kinsta-API<\/a> hebt die Verwaltung von Websites jedoch auf eine ganz neue Ebene. <a href=\"https:\/\/kinsta.com\/de\/blog\/arten-von-entwicklern\/\">Entwickler<\/a> k\u00f6nnen jetzt die Leistung der Kinsta-API nutzen, um den Verwaltungsprozess zu verbessern, <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-api\/\">benutzerdefinierte Schnittstellen zu erstellen<\/a> und sogar Scheduler-Anwendungen zu entwickeln, um wichtige Aufgaben zu automatisieren.<\/p>\n<p>Dieses Tutorial taucht in die Welt der Kinsta-API ein und erkl\u00e4rt, wie man mit der Kinsta-API eine <a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-react-js\/\">React<\/a>-Anwendung zur Planung wichtiger Wartungsaufgaben wie PHP-Engine-Neustarts und Cache-L\u00f6schung erstellt.<\/p>\n<p>Hier siehst du eine Live-Demo der <a href=\"https:\/\/site-tools-scheduler-6u1a5.kinsta.app\/\" target=\"_blank\" rel=\"noopener noreferrer\">Anwendung zur Planung von Website-Tools<\/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=\"Website Tools Scheduler App Demo\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Website Tools Scheduler App Demo<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Wenn du diese Anwendung mit deinem verwalteten WordPress-Hosting testen m\u00f6chtest, kannst du <a href=\"https:\/\/github.com\/kinsta\/site-tools-scheduler\">diese GitHub-Vorlage<\/a> verwenden, sie bereitstellen und deine Unternehmens-ID und deinen API-Schl\u00fcssel als Umgebungsvariablen hinzuf\u00fcgen. In der <a href=\"https:\/\/github.com\/kinsta\/site-tools-scheduler\/blob\/main\/README.md\" target=\"_blank\" rel=\"noopener noreferrer\">Datei Readme.md<\/a> findest du weitere 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>Die Kinsta-API verstehen<\/h2>\n<p>Die <a href=\"https:\/\/kinsta.com\/de\/changelog\/kinsta-api\/\">Kinsta-API<\/a> ist ein leistungsstarkes Werkzeug, mit dem du programmatisch mit der <a href=\"https:\/\/kinsta.com\/de\/wordpress-hosting\/\">Managed WordPress Hosting<\/a>-Plattform von Kinsta interagieren kannst. Mit ihrer Hilfe lassen sich verschiedene Aufgaben im Zusammenhang mit den von Kinsta angebotenen Diensten automatisieren, z. B. das Erstellen von Websites, das Abrufen von Website-Informationen, das <a href=\"https:\/\/kinsta.com\/de\/blog\/kinsta-api-schluessel\/#how-to-use-kinsta-api-to-build-a-status-checker\">Abfragen des Status einer Website<\/a> und vieles mehr.<\/p>\n<p>Um die Kinsta-API nutzen zu k\u00f6nnen, musst du ein Konto mit mindestens einer WordPress-Website, <a href=\"https:\/\/sevalla.com\/application-hosting\/\">-Anwendung<\/a> oder <a href=\"https:\/\/sevalla.com\/database-hosting\/\">-Datenbank<\/a> in MyKinsta haben. Au\u00dferdem musst du einen API-Schl\u00fcssel erstellen, um dich zu authentifizieren und \u00fcber die API auf dein Konto zuzugreifen.<\/p>\n<p>So generierst du einen API-Schl\u00fcssel:<\/p>\n<ol start=\"1\">\n<li>Gehe zu deinem MyKinsta-Dashboard.<\/li>\n<li>Navigiere zur Seite mit den <strong>API-Schl\u00fcsseln <\/strong>(<strong>Dein Name<\/strong> &gt; <strong>Unternehmenseinstellungen<\/strong> &gt; <strong>API-Schl\u00fcssel<\/strong>).<\/li>\n<li>Klicke auf <strong>API-Schl\u00fcssel generieren<\/strong>.<\/li>\n<li>W\u00e4hle ein Ablaufdatum oder lege ein benutzerdefiniertes Startdatum und die Anzahl der Stunden fest, nach denen der Schl\u00fcssel abl\u00e4uft.<\/li>\n<li>Gib dem Schl\u00fcssel einen eindeutigen Namen.<\/li>\n<li>Klicke auf <strong>Generieren<\/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=\"API-Schl\u00fcssel auf MyKinsta generieren\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">API-Schl\u00fcssel auf MyKinsta generieren<\/figcaption><\/figure>\n<p>Nachdem du einen API-Schl\u00fcssel generiert hast, kopiere ihn und speichere ihn an einem sicheren Ort (du kannst einen <a href=\"https:\/\/kinsta.com\/de\/blog\/passwort-manager\/\">Passwort-Manager<\/a> verwenden), da er <strong>nur dann<\/strong> innerhalb von MyKinsta sichtbar ist. Du kannst mehrere API-Schl\u00fcssel generieren &#8211; sie sind auf der Seite <strong>API-Schl\u00fcssel<\/strong> aufgef\u00fchrt. Wenn du einen API-Schl\u00fcssel widerrufen musst, klicke auf <strong>Widerruf<\/strong> neben dem Schl\u00fcssel, den du widerrufen m\u00f6chtest.<\/p>\n<h2>Wie du die Kinsta-Site-Tools mit der Kinsta-API verwendest<\/h2>\n<p>Die <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/mykinsta-werkzeuge\/\">Kinsta-Site-Tools<\/a> sind eine Reihe von Tools, die Kinsta-Nutzern bei der Verwaltung und Pflege ihrer WordPress-Sites helfen. Diese Tools sind \u00fcber MyKinsta (<strong>WordPress-Sites<\/strong> &gt; <strong>sitename<\/strong> &gt; <strong>Tools<\/strong>) verf\u00fcgbar, aber noch nicht alle werden von der Kinsta-API unterst\u00fctzt. Unser Team arbeitet st\u00e4ndig daran, die n\u00e4chsten Funktionen hinzuzuf\u00fcgen und h\u00f6rt dabei genau auf das Feedback der Nutzer, wie Kristof Siket, Development Team Lead f\u00fcr die Kinsta API, erkl\u00e4rt:<\/p>\n<blockquote><p><em>Das Feedback der Nutzerinnen und Nutzer bestimmt die Priorit\u00e4ten f\u00fcr die Ver\u00f6ffentlichung der Funktionen. Der aktuelle Plan deckt die Tools-Seite nicht vollst\u00e4ndig ab; stattdessen basieren die Funktionen auf den Nutzeranfragen und dem gesammelten Feedback.<\/em><em>Wenn du glaubst, dass ein bestimmtes Tool oder ein Endpunkt in die Kinsta-API aufgenommen werden sollte,<\/em> <em>kannst du uns gerne <a href=\"https:\/\/kinsta.com\/de\/docs\/service-information\/kinsta-forschungsprogramm\/#how-to-join\">dein Feedback schicken<\/a><\/em>.<\/p><\/blockquote>\n<p>Um die von Kinsta bereitgestellten Website-Tools nutzen zu k\u00f6nnen, musst du die Umgebungs-ID deiner Website erhalten. Jede Website auf MyKinsta hat mindestens eine Umgebung mit einer eindeutigen ID. Um die Umgebungs-ID abzurufen, kannst du die Kinsta-API nutzen, indem du zun\u00e4chst deine Site-ID abrufst und sie dann als Parameter f\u00fcr den Zugriff auf die entsprechenden Umgebungsdaten verwendest.<\/p>\n<p>Um deine Site ID abzurufen, kannst du den <code><a href=\"https:\/\/api-docs.kinsta.com\/tag\/WordPress-Sites#operation\/getSites\" target=\"_blank\" rel=\"noopener noreferrer\">\/sites<\/a><\/code>-Endpunkt verwenden, der eine Liste deiner Websites zur\u00fcckgibt. Sobald du die Site-ID erhalten hast, kannst du die Umgebungs-ID abrufen, indem du eine GET-Anfrage an den Endpunkt <code>\/sites<\/code> stellst, die ID angibst und den <code><a href=\"https:\/\/api-docs.kinsta.com\/tag\/WordPress-Sites#operation\/getSiteEnvironments\" target=\"_blank\" rel=\"noopener noreferrer\">\/environments<\/a><\/code>-Endpunkt anh\u00e4ngst.<\/p>\n<p>Hier ist ein Beispielcode, der zeigt, wie du dies mit der <a href=\"https:\/\/kinsta.com\/de\/blog\/javascript-http-anfrage\/#4-how-to-make-an-http-request-in-javascript-using-the-fetch-api\">JavaScript Fetch API<\/a> erreichen kannst:<\/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>Im obigen Code definierst du die Variable <code>siteId<\/code> mit der ID deiner Website. Dann stellst du eine Fetch-Anfrage an den Endpunkt der Kinsta-API, um die Umgebungen der angegebenen Website abzurufen. Achte darauf, dass du den API-Schl\u00fcssel in den Authorization-Header einf\u00fcgst.<\/p>\n<p>Nach dem Empfang der Antwort werden die Daten in der Konsole protokolliert, die die Details deiner Umgebung(en), einschlie\u00dflich der ID, enth\u00e4lt:<\/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>Da du nun wei\u00dft, wie du auf deine Umgebungs-ID zugreifen kannst, k\u00f6nnen wir die Website-Tools von Kinsta programmatisch nutzen.<\/p>\n<h3>So l\u00f6schst du den Website-Cache mit der Kinsta-API<\/h3>\n<p>Um den Cache deiner Website mit der Kinsta-API zu l\u00f6schen, sendest du eine Post-Anfrage an den <code><a href=\"https:\/\/api-docs.kinsta.com\/tag\/Site-Tools#operation\/clearSiteCache\" target=\"_blank\" rel=\"noopener noreferrer\">\/sites\/tools\/clear-cache<\/a><\/code>-Endpunkt. Dazu musst du die Umgebungs-ID als Body der Anfrage \u00fcbergeben.<\/p>\n<p>Der folgende Code zeigt dir, wie du dies mit JavaScript und der Fetch-API erreichen kannst:<\/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>Im obigen Code wird eine Funktion <code>clearSiteCache<\/code> definiert, die zwei Parameter entgegennimmt: die URL des API-Endpunkts und ein Objekt, das die Konfiguration f\u00fcr die Fetch-Anfrage enth\u00e4lt. Die Konfiguration umfasst die Parameter <code>method<\/code>, <code>headers<\/code> und <code>body<\/code>.<\/p>\n<p>Im Feld <code>body<\/code> \u00fcbergibst du die Nutzlast der Anfrage, d. h. die Umgebungs-ID. Mit <code>JSON.stringify<\/code> wandelst du das Objekt in einen JSON-String um. Ersetze den Wert <code>environment_id<\/code> durch die tats\u00e4chliche ID der Umgebung, die du neu starten willst. Sobald die Anfrage gesendet wurde, werden die Antwortdaten in der Konsole protokolliert.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>\u00c4hnlich wie du deinen Website-Cache l\u00f6schst, kannst du die PHP-Engine deiner Website mit der KInsta-API neu starten. Der einzige Unterschied ist der Endpunkt, denn er lautet nicht mehr <code>\/clear-cache<\/code>, sondern <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. Alle anderen Parameter und Abfragen sind die gleichen.<\/p>\n<\/aside>\n\n<h2>Erstellung einer React-Anwendung zur Planung von Wartungsaufgaben mit der Kinsta-API<\/h2>\n<p>Mit der Einf\u00fchrung der Kinsta-API kannst du jetzt benutzerdefinierte Schnittstellen erstellen, die eine unvergleichliche Flexibilit\u00e4t bieten. Ein Beispiel daf\u00fcr ist eine Anwendung, mit der du die Wartungsaufgaben f\u00fcr deine Website planen kannst. Stell dir vor, du planst die Cache-L\u00f6schung oder den Neustart der PHP-Engine deiner Website so, dass sie automatisch um Mitternacht an einem bestimmten Ort stattfinden. So kannst du ohne Probleme eine optimale Leistung sicherstellen.<\/p>\n<h3>Erste Schritte<\/h3>\n<p>Um diesem Tutorial zu folgen, ist es ratsam, ein Grundverst\u00e4ndnis von <a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-html\/\">HTML<\/a>, <a href=\"https:\/\/kinsta.com\/de\/blog\/css-best-practices\/\">CSS<\/a> und <a href=\"https:\/\/kinsta.com\/javascript\/\">JavaScript<\/a> und eine gewisse Vertrautheit mit React zu haben. In diesem Projekt geht es vor allem darum, die Nutzung der Kinsta-API zu demonstrieren. Daher wird in diesem Artikel nicht n\u00e4her auf die Gestaltung der Benutzeroberfl\u00e4che und andere Logik eingegangen.<\/p>\n<p>Um die Einrichtung des Projekts zu vereinfachen, haben wir ein Starterprojekt f\u00fcr dich vorbereitet. Befolge diese Schritte, um loszulegen:<\/p>\n<p>1. Erstelle ein <a href=\"https:\/\/kinsta.com\/de\/thema\/git\/\">Git<\/a>-Repository mit <a href=\"https:\/\/github.com\/kinsta\/site-tools-scheduler\" target=\"_blank\" rel=\"noopener noreferrer\">dieser Vorlage auf GitHub<\/a>. W\u00e4hle <strong>Diese Vorlage verwenden<\/strong> &gt; <strong>Neues Repository erstellen<\/strong>, um den Startcode in ein neues Repository in deinem GitHub-Konto zu kopieren, und achte darauf, dass du <strong>alle Zweige einschlie\u00dft<\/strong>.<\/p>\n<p>2. Ziehe das Repository auf deinen lokalen Computer und wechsle mit dem folgenden Befehl in den <a href=\"https:\/\/github.com\/kinsta\/site-tools-scheduler\/tree\/starter-files\" target=\"_blank\" rel=\"noopener noreferrer\">starter-files<\/a>-Zweig:<\/p>\n<pre><code class=\"language-bash\">git checkout starter-files<\/code><\/pre>\n<p>3. Installiere die notwendigen Abh\u00e4ngigkeiten, indem du den Befehl <code>npm install<\/code> ausf\u00fchrst. Sobald die Installation abgeschlossen ist, kannst du das Projekt auf deinem lokalen Computer mit <code>npm run start<\/code> starten. Dadurch wird das Projekt unter <a href=\"http:\/\/localhost:3000\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/localhost:3000\/<\/a> ge\u00f6ffnet.<\/p>\n<h3>Das Verst\u00e4ndnis der Projektdateien<\/h3>\n<p>Im <strong>src-Ordner<\/strong> dieses Projekts gibt es zwei Hauptunterordner: <strong>components<\/strong> und <strong>pages<\/strong>. Der Ordner components enth\u00e4lt wiederverwendbare Komponenten, wie z. B. die <strong>Kopf-<\/strong> und <strong>Fu\u00dfzeile<\/strong>, die auf allen Seiten (<strong>Home<\/strong>, <strong>Operations<\/strong>, <strong>Tools<\/strong>, <strong>Schedule<\/strong>) verwendet werden.<\/p>\n<p>In diesem Projekt geht es in erster Linie darum, die Logik auf den <strong>Seiten<\/strong> <strong>Home<\/strong> und <strong>Tools<\/strong> zu implementieren, da das Styling, das Routing und die andere Logik bereits fertig sind.<\/p>\n<p>Auf der <strong>Startseite<\/strong> befindet sich ein Formular, in dem alle Seiten deines MyKinsta-Kontos aufgelistet sind. Wenn diese Seite angezeigt wird, ruft der <a href=\"https:\/\/kinsta.com\/de\/blog\/react-useeffect\/\">useEffect-Hook<\/a> sofort <a href=\"https:\/\/kinsta.com\/de\/blog\/kinsta-api-schluessel\/#fetch-list-of-sites-with-kinsta-api\">eine Liste all deiner Websites ab<\/a> und f\u00fcllt sie in ein Auswahlfeld des Formulars ein. Die ID jeder Seite wird als Wert f\u00fcr die entsprechende Option verwendet.<\/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=\"Benutzerdefinierte React-App f\u00fcr die Verwaltung der Kinsta-Site-Tools\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Benutzerdefinierte React-App f\u00fcr die Verwaltung der Kinsta-Site-Tools<\/figcaption><\/figure>\n<p>Wenn eine Website ausgew\u00e4hlt und die Schaltfl\u00e4che &#8222;Weiter&#8220; angeklickt wird, wird die Funktion <code>handleSubmission<\/code> ausgel\u00f6st. In dieser Funktion wird die Kinsta-API verwendet, um die Umgebungs-ID der Website abzurufen. Anschlie\u00dfend wird diese ID als Routenparameter an die <strong>Tools-Seite<\/strong> \u00fcbergeben.<\/p>\n<p>Auf der <strong>Seite Tools<\/strong> kannst du Wartungsaufgaben f\u00fcr die ausgew\u00e4hlte Website durchf\u00fchren und planen, z. B. den Cache der Website leeren oder die PHP-Engine neu starten. Um eine dieser Aktionen auf der <strong>Seite Extras<\/strong> durchzuf\u00fchren, ben\u00f6tigst du die Umgebungs-ID. Daher wird sie als Routenparameter an diese Seite \u00fcbergeben.<\/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=\"Verwaltung der Kinsta-Site-Tools\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Verwaltung der Kinsta-Site-Tools<\/figcaption><\/figure>\n<p>Wenn du Aktionen wie das L\u00f6schen des Website-Caches oder den Neustart der PHP-Engine einleitest, wirst du automatisch zur <strong>Seite Vorg\u00e4nge<\/strong> navigiert. Hier kannst du den Fortschritt deines Vorgangs anhand der zugewiesenen ID verfolgen.<\/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=\"Betriebsstatus der Kinsta Site Tools\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Betriebsstatus der Kinsta Site Tools<\/figcaption><\/figure>\n<p>Wenn du eine Aufgabe planst, wirst du zur <strong>Seite Planen <\/strong>weitergeleitet, auf der detaillierte Informationen \u00fcber die geplante Aufgabe angezeigt werden.<\/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=\"Kinsta Site Tools Zeitplan Informationsseite\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Kinsta Site Tools Zeitplan Informationsseite<\/figcaption><\/figure>\n<p>Sobald die geplante Zeit erreicht ist, beginnt der jeweilige Vorgang und leitet dich automatisch zur <strong>Seite Vorg\u00e4nge<\/strong> weiter, auf der du den Fortschritt des Vorgangs verfolgen kannst.<\/p>\n<h2>Interaktion mit der Kinsta-API in React<\/h2>\n<p>Nachdem du die Benutzeroberfl\u00e4che (UI) eingerichtet hast, musst du als N\u00e4chstes das Formular auf der <strong>Startseite<\/strong> ausf\u00fcllen und die Umgebungs-ID der ausgew\u00e4hlten Website \u00fcber die Kinsta-API abrufen, bevor du den Benutzer mit der ID als Routenparameter zur <strong>Tools-Seite<\/strong> weiterleitest.<\/p>\n<p>Um mit der Kinsta-API zu interagieren, brauchst du deine <strong>Unternehmens-ID<\/strong> und deinen <strong>API-Schl\u00fcssel<\/strong>. Wenn du in einem Projekt, das in der Cloud gehostet wird, API-Aufrufe machst, m\u00fcssen deine Anmeldedaten, wie der API-Schl\u00fcssel, sicher gespeichert werden, um jede Form der Kompromittierung zu vermeiden.<\/p>\n<p>Du kannst sie sicher als Umgebungsvariablen in deiner React-Anwendung speichern, indem du eine <strong>.env-Datei<\/strong> im Stammverzeichnis deines Projekts erstellst. F\u00fcge in diese Datei die folgenden Zeilen ein:<\/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>Um innerhalb deines Projekts auf diese Umgebungsvariablen zuzugreifen, kannst du die Syntax <code>process.env.THE_VARIABLE<\/code> verwenden. Um zum Beispiel auf die <code>REACT_APP_KINSTA_COMPANY_ID<\/code> zuzugreifen, w\u00fcrdest du <code>process.env.REACT_APP_KINSTA_COMPANY_ID<\/code> verwenden.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Es ist wichtig, dass du die <strong>.env-Datei<\/strong> zu deiner <a href=\"https:\/\/kinsta.com\/de\/blog\/gitignore-funktioniert-nicht\/\">.gitignore-Datei<\/a> hinzuf\u00fcgst, um zu verhindern, dass die Datei auf GitHub ver\u00f6ffentlicht wird. Dadurch wird sichergestellt, dass deine sensiblen Informationen, wie z. B. API-Schl\u00fcssel, privat und sicher bleiben.<\/p>\n<\/aside>\n\n<h3>Abrufen der Umgebungs-ID mit der Kinsta-API in React<\/h3>\n<p>Wenn du auf der <strong>Startseite<\/strong> eine Seite ausw\u00e4hlst und auf den Submit-Button klickst, wird die Funktion <code>handleSubmission<\/code> ausgel\u00f6st. Diese Funktion verwendet die Fetch-API (oder deine bevorzugte HTTP-Anforderungsmethode), um eine GET-Anforderung an die Kinsta-API zu stellen.<\/p>\n<p>Um zu vermeiden, dass die Kopfzeilen und die Kinsta-API-URL bei jedem API-Aufruf wiederholt werden, speichern wir die <code>headers<\/code> und <code>KinstaAPIUrl<\/code> als Konstanten.<\/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>Die Variable <code>KinstaAPIUrl<\/code> speichert die Basis-URL f\u00fcr die Kinsta-API. Die Konstante <code>headers<\/code> wird mit dem <a href=\"https:\/\/kinsta.com\/de\/blog\/usecallback-react\/#reacts-usecallback-vs-usememo\">useMemo-Hook<\/a> erstellt, um sicherzustellen, dass das Header-Objekt nur einmal erstellt wird und sich zwischen den Renderings nicht \u00e4ndert. Sie enth\u00e4lt den Authorization-Header, der den Kinsta-API-Schl\u00fcssel enth\u00e4lt, der aus den Umgebungsvariablen abgerufen wird.<\/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>Im obigen Code wird eine asynchrone Funktion (<code>fetchEnvironmentId<\/code>) erstellt, die die von der ausgew\u00e4hlten Website erhaltene <code>siteId<\/code> \u00fcbernimmt und an den <a href=\"https:\/\/kinsta.com\/de\/blog\/api-endpunkt\/\">API-Endpunkt<\/a> weitergibt, um die Umgebungsdetails abzurufen.<\/p>\n<p>Sobald die Antwort eingegangen ist, extrahierst du die Umgebungs-ID aus den Daten (du kannst mehr als eine Umgebung haben: Staging oder Live &#8211; also werden sie alle in einem Array gespeichert, f\u00fcr diese Demo verwenden wir die Live-Umgebung) und verwendest die Funktion navigate (die bereits f\u00fcr dich importiert und instanziiert wurde), um den Benutzer mit der Umgebungs-ID als Routenparameter zur <strong>Seite Tools<\/strong> umzuleiten.<\/p>\n<p><strong>Hinweis:<\/strong> Alle diese Routen sind bereits in der <strong>App.js-Datei<\/strong> konfiguriert.<\/p>\n<h3>Wartungsaufgaben mit der Kinsta-API in React durchf\u00fchren<\/h3>\n<p>Auf der Tools-Seite gibt es zwei Tools, mit denen du deine Website warten kannst. Jedes Tool hat zwei Schaltfl\u00e4chen, mit denen du den Vorgang entweder sofort ausf\u00fchren oder planen kannst (die Funktionen wurden bereits erstellt und die <code>onClick<\/code> Ereignisse wurden f\u00fcr dich an alle Schaltfl\u00e4chen angeh\u00e4ngt). In diesem Lernprogramm wird nur erkl\u00e4rt, wie du die PHP-Engine deiner Website neu startest, denn es ist sehr \u00e4hnlich wie das L\u00f6schen des Caches &#8211; der einzige Unterschied ist der Endpunkt.<\/p>\n<p>Um die PHP-Engine neu zu starten oder eine andere Funktion des Website-Tools auszuf\u00fchren, ben\u00f6tigst du die Umgebungs-ID, die bereits als Routenparameter an die <strong>Tools-Seite<\/strong> \u00fcbergeben wird. Der n\u00e4chste Schritt w\u00e4re, diesen Parameter abzurufen, ihn in einer Variablen zu speichern und dann eine Anfrage an die Kinsta-API zu senden.<\/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>Dies ist in den Starterdateien bereits erledigt. Alles, was du tun musst, ist, die API-Anfrage an die Kinsta-API in der Funktion <code>restartEngine<\/code> auszuf\u00fchren.<\/p>\n<\/aside>\n\n<p>Speichere die Kopfzeilen der Anfrage und die API-URL als konstante Variablen, da sie sich nicht \u00e4ndern. Die Kopfzeilen f\u00fcr eine POST-Anfrage unterscheiden sich von denen einer GET-Anfrage, da sie den Wert <code>Content-Type<\/code> enthalten.<\/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>Wenn du auf die Schaltfl\u00e4che <strong>Neustart<\/strong> klickst, wird die Funktion <code>restartEngine<\/code> aufgerufen. In dieser Funktion senden wir eine POST-Anfrage an die Kinsta-API, die die Umgebungs-ID als Nutzdaten enth\u00e4lt:<\/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>Jedes Mal, wenn der obige Code ausgef\u00fchrt wird, l\u00f6st er automatisch einen Neustart der PHP-Engine auf deiner Website aus. Wenn du das MyKinsta-Dashboard deiner Website sofort \u00fcberpr\u00fcfst, wirst du diese Benachrichtigung oben auf deiner Seite sehen:<\/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=\"PHP-Neustart auf MyKinsta\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">PHP-Neustart auf MyKinsta<\/figcaption><\/figure>\n<p>Du kannst dies auch programmatisch \u00fcberpr\u00fcfen, indem du den <code><a href=\"https:\/\/api-docs.kinsta.com\/tag\/Operations#operation\/getOperationStatus\" target=\"_blank\" rel=\"noopener noreferrer\">\/operations<\/a><\/code>-Endpunkt der Kinsta-API nutzt. Im obigen Code wirst du, sobald die Anfrage erfolgreich war, automatisch zur <strong>Seite Operationen<\/strong> mit der ID der Operation als Routenparameter weitergeleitet, wo du den Status des Vorgangs \u00fcberpr\u00fcfen kannst. Sieh dir die <a href=\"https:\/\/github.com\/kinsta\/site-tools-scheduler\/blob\/starter-files\/src\/pages\/Operations.jsx\" target=\"_blank\" rel=\"noopener noreferrer\">Vorgangsseite<\/a> an, um zu sehen, wie dies gehandhabt wird.<\/p>\n<h3>So planst du eine Aufgabe mit der Kinsta-API in React<\/h3>\n<p>Um eine Aufgabe mit JavaScript zu planen, musst du die gesch\u00e4tzte Zeit f\u00fcr die Aufgabe in Millisekunden berechnen und dann die Funktion <code>setTimeout<\/code> verwenden.<\/p>\n<p>Wenn du auf der <strong>Seite Werkzeuge<\/strong> auf die Schaltfl\u00e4che Planen klickst, erscheint ein Modal mit zwei Formularfeldern. In diesen Feldern kannst du das gew\u00fcnschte <strong>Datum<\/strong> und die <strong>Uhrzeit<\/strong> ausw\u00e4hlen, zu der der Vorgang ausgef\u00fchrt werden soll. Die eingegebenen Daten werden verwendet, um die Gesamtzeit in Millisekunden zu berechnen, die vom aktuellen Zeitpunkt bis zum voraussichtlichen Beginn des Vorgangs vergeht.<\/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=\"Die Benutzeroberfl\u00e4che des Terminplaners f\u00fcr Site Tools\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Die Benutzeroberfl\u00e4che des Terminplaners f\u00fcr Site Tools<\/figcaption><\/figure>\n<p>Um dies zu erreichen, extrahiere den Tag, den Monat und das Jahr aus dem Datumsfeld, indem du das Datum in ein <code>new Date<\/code> Objekt \u00fcbergibst, und speichere sie dann in separaten Variablen.<\/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>Als N\u00e4chstes extrahieren wir die Stunde und die Minute aus dem Zeitfeld:<\/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>Mit diesen Werten kannst du die erwartete Zeit in Millisekunden berechnen:<\/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>An dieser Stelle hast du die erwartete Zeit in Millisekunden. Du kannst nun eine <code>setTimeout<\/code> Funktion erstellen, die zum angegebenen Datum und zur angegebenen Uhrzeit ausgel\u00f6st wird:<\/p>\n<pre><code class=\"language-jsx\">setTimeout(function () {\n    restartEngine();\n}, eta_ms);<\/code><\/pre>\n<p>Im obigen Code wird die Funktion <code>restartEngine()<\/code> aufgerufen, wenn die angegebene Zeit erreicht ist, um die PHP-Engine neu zu starten.<\/p>\n<p>So sieht der vollst\u00e4ndige Code aus:<\/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>Wenn du eine Aufgabe planst, wirst du auf die <strong>Seite mit dem Zeitplan<\/strong> weitergeleitet, wo du die Details des Zeitplans einsehen kannst. Wenn die geplante Zeit erreicht ist, wird die Funktion <code>setTimeout<\/code> aufgerufen, die automatisch zur <strong>Vorgangsseite<\/strong> navigiert, um den Status des Vorgangs zu verfolgen.<\/p>\n<p>Jetzt hast du die Zeitplanfunktion erfolgreich implementiert und die Kinsta-API dazu veranlasst, die PHP-Engine deiner Website neu zu starten. Auf die gleiche Weise kannst du auch den Cache deiner Website l\u00f6schen.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Angenommen, du m\u00f6chtest die Aufgabe so planen, dass sie alle 24 Stunden, 72 Stunden oder wie auch immer wiederholt wird. Du musst diese Zeit nur in Millisekunden umrechnen und dann eine if-Anweisung erstellen, z. B.:<\/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>Wie du deine React-Anwendung mit Kinsta bereitstellst<\/h2>\n<p>Um dein React-Projekt auf dem <a href=\"https:\/\/sevalla.com\/application-hosting\/\">Anwendungs-Hosting<\/a> von Kinsta bereitzustellen, musst du das Projekt zu deinem <a href=\"https:\/\/docs.sevalla.com\/applications\/get-started\/add-an-application#adding-an-application\">bevorzugten Git-Anbieter<\/a> pushen. Wenn dein Projekt entweder auf <a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-github\/\">GitHub<\/a>, <a href=\"https:\/\/kinsta.com\/de\/blog\/gitlab-vs-github\/\">GitLab<\/a> oder <a href=\"https:\/\/kinsta.com\/de\/blog\/bitbucket-vs-github\/\">Bitbucket<\/a> gehostet wird, kannst du mit der Bereitstellung bei Kinsta beginnen.<\/p>\n<p>Befolge diese Schritte, um dein Repository bei Kinsta bereitzustellen:<\/p>\n<ol start=\"1\">\n<li>Melde dich auf dem MyKinsta-Dashboard an oder erstelle dein Kinsta-Konto.<\/li>\n<li>Klicke in der linken Seitenleiste auf &#8222;Anwendungen&#8220; und dann auf &#8222;Dienst hinzuf\u00fcgen&#8220;.<\/li>\n<li>W\u00e4hle &#8222;Anwendung&#8220;\u00a0aus dem Dropdown-Men\u00fc, um eine React-Anwendung auf Kinsta bereitzustellen.<\/li>\n<li>W\u00e4hle in dem erscheinenden Modal das Repository aus, das du bereitstellen m\u00f6chtest. Wenn du mehrere Zweige hast, kannst du den gew\u00fcnschten Zweig ausw\u00e4hlen und einen Namen f\u00fcr deine Anwendung vergeben.<\/li>\n<li>W\u00e4hle einen der verf\u00fcgbaren Rechenzentrumsstandorte aus der Liste der 24 Optionen aus. Kinsta erkennt automatisch den Startbefehl f\u00fcr deine Anwendung.<\/li>\n<\/ol>\n<p>Schlie\u00dflich ist es nicht sicher, API-Schl\u00fcssel an \u00f6ffentliche Hoster wie deinen Git-Provider weiterzugeben. Beim Hosten kannst du sie als <a href=\"https:\/\/docs.sevalla.com\/applications\/environment-variables\">Umgebungsvariablen<\/a> hinzuf\u00fcgen, indem du denselben Variablennamen und Wert wie in der <strong>.env-Datei<\/strong> angibst.<\/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=\"Lege Umgebungsvariablen auf MyKinsta fest, wenn du die Anwendung bereitstellst\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Lege Umgebungsvariablen auf MyKinsta fest, wenn du die Anwendung bereitstellst<\/figcaption><\/figure>\n<p>Sobald du die Bereitstellung deiner Anwendung initiierst, beginnt der Prozess und ist normalerweise innerhalb weniger Minuten abgeschlossen. Eine erfolgreiche Bereitstellung erzeugt einen Link zu deiner Anwendung, wie <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>Du kannst die automatische Bereitstellung aktivieren, so dass Kinsta deine Anwendung immer dann neu bereitstellt, wenn du deine Codebasis \u00e4nderst und sie auf deinen Git-Host \u00fcbertr\u00e4gst.<\/p>\n<\/aside>\n\n<h2>Zusammenfassung<\/h2>\n<p>Mit der Kinsta-API kannst du wiederkehrende Aufgaben f\u00fcr deine WordPress-Seiten noch effizienter erledigen. Und in naher Zukunft wirst du noch mehr tun k\u00f6nnen.<\/p>\n<p>In diesem Artikel hast du gelernt, wie du die Vorteile der Kinsta-API nutzen kannst, indem du eine React-Anwendung von Grund auf neu erstellst &#8211; die ebenfalls auf Kinsta gehostet wird -, mit der du einen PHP-Neustart planen und den Cache der Website \u00fcber ein sch\u00f6nes Dashboard leeren kannst, das du auch klonen und f\u00fcr deinen eigenen Anwendungsfall anpassen kannst.<\/p>\n<p><em>Wie nutzt du die Kinsta-API? Welche Funktionen w\u00fcrdest du gerne als N\u00e4chstes hinzuf\u00fcgen\/entdecken?<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Im Laufe der Jahre hat Kinsta erhebliche Fortschritte bei der Vereinfachung der Website-Verwaltung \u00fcber das MyKinsta-Dashboard gemacht. Mit diesem leistungsstarken Dashboard k\u00f6nnen Nutzer\/innen ihre Websites verwalten &#8230;<\/p>\n","protected":false},"author":287,"featured_media":63900,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[925,957],"class_list":["post-63899","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-api","topic-kinsta-leistungen"],"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>Plane deine Wartungsaufgaben mit der Kinsta-API (Cache l\u00f6schen, PHP-Engine neu starten) - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Lerne, wie du eine React-Anwendung erstellst, um Wartungsaufgaben wie das L\u00f6schen des Caches und den Neustart der PHP-Engine mit der Kinsta-API zu planen.\" \/>\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\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Plane deine Wartungsaufgaben mit der Kinsta-API (Cache l\u00f6schen, PHP-Engine neu starten)\" \/>\n<meta property=\"og:description\" content=\"Lerne, wie du eine React-Anwendung erstellst, um Wartungsaufgaben wie das L\u00f6schen des Caches und den Neustart der PHP-Engine mit der Kinsta-API zu planen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-20T09:49:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-21T08:42:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/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=\"Lerne, wie du eine React-Anwendung erstellst, um Wartungsaufgaben wie das L\u00f6schen des Caches und den Neustart der PHP-Engine mit der Kinsta-API zu planen.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/restart-php-api.png\" \/>\n<meta name=\"twitter:creator\" content=\"@olawanle_joel\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joel Olawanle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"16\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"Plane deine Wartungsaufgaben mit der Kinsta-API (Cache l\u00f6schen, PHP-Engine neu starten)\",\"datePublished\":\"2023-07-20T09:49:00+00:00\",\"dateModified\":\"2023-08-21T08:42:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/\"},\"wordCount\":3005,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/restart-php-api.png\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/\",\"name\":\"Plane deine Wartungsaufgaben mit der Kinsta-API (Cache l\u00f6schen, PHP-Engine neu starten) - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/restart-php-api.png\",\"datePublished\":\"2023-07-20T09:49:00+00:00\",\"dateModified\":\"2023-08-21T08:42:49+00:00\",\"description\":\"Lerne, wie du eine React-Anwendung erstellst, um Wartungsaufgaben wie das L\u00f6schen des Caches und den Neustart der PHP-Engine mit der Kinsta-API zu planen.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/restart-php-api.png\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/restart-php-api.png\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"API\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/api\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Plane deine Wartungsaufgaben mit der Kinsta-API (Cache l\u00f6schen, PHP-Engine neu starten)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"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\/de\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/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\/de\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Plane deine Wartungsaufgaben mit der Kinsta-API (Cache l\u00f6schen, PHP-Engine neu starten) - Kinsta\u00ae","description":"Lerne, wie du eine React-Anwendung erstellst, um Wartungsaufgaben wie das L\u00f6schen des Caches und den Neustart der PHP-Engine mit der Kinsta-API zu planen.","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\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/","og_locale":"de_DE","og_type":"article","og_title":"Plane deine Wartungsaufgaben mit der Kinsta-API (Cache l\u00f6schen, PHP-Engine neu starten)","og_description":"Lerne, wie du eine React-Anwendung erstellst, um Wartungsaufgaben wie das L\u00f6schen des Caches und den Neustart der PHP-Engine mit der Kinsta-API zu planen.","og_url":"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2023-07-20T09:49:00+00:00","article_modified_time":"2023-08-21T08:42:49+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/restart-php-api.png","type":"image\/png"}],"author":"Joel Olawanle","twitter_card":"summary_large_image","twitter_description":"Lerne, wie du eine React-Anwendung erstellst, um Wartungsaufgaben wie das L\u00f6schen des Caches und den Neustart der PHP-Engine mit der Kinsta-API zu planen.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/restart-php-api.png","twitter_creator":"@olawanle_joel","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Joel Olawanle","Gesch\u00e4tzte Lesezeit":"16\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"Plane deine Wartungsaufgaben mit der Kinsta-API (Cache l\u00f6schen, PHP-Engine neu starten)","datePublished":"2023-07-20T09:49:00+00:00","dateModified":"2023-08-21T08:42:49+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/"},"wordCount":3005,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/restart-php-api.png","inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/","url":"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/","name":"Plane deine Wartungsaufgaben mit der Kinsta-API (Cache l\u00f6schen, PHP-Engine neu starten) - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/restart-php-api.png","datePublished":"2023-07-20T09:49:00+00:00","dateModified":"2023-08-21T08:42:49+00:00","description":"Lerne, wie du eine React-Anwendung erstellst, um Wartungsaufgaben wie das L\u00f6schen des Caches und den Neustart der PHP-Engine mit der Kinsta-API zu planen.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/restart-php-api.png","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/restart-php-api.png","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/plane-wartungsaufgaben-kinsta-api\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"API","item":"https:\/\/kinsta.com\/de\/thema\/api\/"},{"@type":"ListItem","position":3,"name":"Plane deine Wartungsaufgaben mit der Kinsta-API (Cache l\u00f6schen, PHP-Engine neu starten)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","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\/de\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/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\/de\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/63899","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=63899"}],"version-history":[{"count":10,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/63899\/revisions"}],"predecessor-version":[{"id":64412,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/63899\/revisions\/64412"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/63899\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/63899\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/63899\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/63899\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/63899\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/63899\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/63899\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/63899\/translations\/es"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/63899\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/63900"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=63899"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=63899"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=63899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}