{"id":63470,"date":"2023-07-04T15:34:56","date_gmt":"2023-07-04T14:34:56","guid":{"rendered":"https:\/\/kinqsta.com\/de\/?p=63470&#038;preview=true&#038;preview_id=63470"},"modified":"2023-08-09T08:35:36","modified_gmt":"2023-08-09T07:35:36","slug":"kinsta-api-schluessel","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/","title":{"rendered":"Kinsta API-Zugangsschl\u00fcssel erstellen und nutzen"},"content":{"rendered":"<p>Kinsta ist eine <a href=\"https:\/\/kinqsta.com\/de\/blog\/cloud-plattform-fuer-entwickler\/\">Cloud-Plattform<\/a>, die Unternehmen und Entwicklerteams dabei hilft, ihre Webprojekte schneller und effizienter umzusetzen und zu verwalten.<\/p>\n<p>Kinsta bietet <a href=\"https:\/\/kinqsta.com\/de\/blog\/arten-von-entwicklern\/\">Entwicklern<\/a> und Nutzern eine <a href=\"https:\/\/kinqsta.com\/de\/blog\/rest-api-vs-web-api\/\">API<\/a>, mit der sie ihre <a href=\"https:\/\/kinqsta.com\/de\/wordpress-hosting\/\">WordPress-Websites<\/a>, &#8211;<a href=\"https:\/\/sevalla.com\/application-hosting\/\">Anwendungen<\/a> und &#8211;<a href=\"https:\/\/sevalla.com\/database-hosting\/\">Datenbanken<\/a> programmatisch verwalten k\u00f6nnen.<\/p>\n<p>Mit der <a href=\"https:\/\/kinqsta.com\/de\/docs\/kinsta-api\/\">Kinsta-API<\/a> kannst du Aufgaben automatisieren, Daten abrufen und Kinsta mit anderen Anwendungen integrieren, ohne auf <a href=\"https:\/\/kinqsta.com\/de\/mykinsta\/\">MyKinsta<\/a> zuzugreifen. Um auf die API zuzugreifen, brauchst du einen API-Schl\u00fcssel. Dieser Artikel erkl\u00e4rt, wie du einen Kinsta-API-Schl\u00fcssel erstellst und verwendest.<\/p>\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>So erstellst du einen API-Schl\u00fcssel<\/h2>\n<p>Um die Kinsta-API nutzen zu k\u00f6nnen, musst du ein Konto mit mindestens einer WordPress-Site, -Anwendung oder -Datenbank in MyKinsta haben. Au\u00dferdem musst du einen API-Schl\u00fcssel erstellen, um dich zu authentifizieren und \u00fcber die API auf dein Konto zuzugreifen. So generierst du einen API-Schl\u00fcssel:<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Behandle deinen API-Schl\u00fcssel als sensible Information und bewahre ihn sicher auf. Vermeide die Weitergabe des Schl\u00fcssels an Unbefugte. Wenn du an einem gemeinsamen Projekt arbeitest, verwende einen <a href=\"https:\/\/kinqsta.com\/de\/blog\/passwort-manager\/\">Passwortmanager<\/a> wie 1Password, um ihn sicher zu teilen.<\/p>\n<\/aside>\n\n<ol start=\"1\">\n<li>Gehe zu deinem <a href=\"https:\/\/my.kinqsta.com\/?lang=de\">MyKinsta<\/a>-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 erstellen<\/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>Erzeugen<\/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\/06\/create-api-keys.jpg\" alt=\"API-Schl\u00fcssel auf MyKinsta erstellen\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">API-Schl\u00fcssel auf MyKinsta erstellen<\/figcaption><\/figure>\n<p>Wenn du einen API-Schl\u00fcssel erstellst, kopiere ihn und bewahre ihn an einem sicheren Ort auf, an dem <strong>nur du ihn einsehen kannst<\/strong>. Du kannst mehrere API-Schl\u00fcssel erstellen &#8211; sie werden auf der Seite <strong>API-Schl\u00fcssel<\/strong> aufgelistet. 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 Kinsta API mit deinem API-Schl\u00fcssel verwendest<\/h2>\n<p>Sobald du den API-Schl\u00fcssel hast, kannst du \u00fcber die <a href=\"https:\/\/kinqsta.com\/de\/changelog\/kinsta-api\/\">Kinsta-API<\/a> mit allen Kinsta-Diensten (WordPress-Seiten, Anwendungen und Datenbanken) interagieren, z. B. eine <a href=\"https:\/\/api-docs.kinqsta.com\/tag\/Databases#paths\/~1databases\/get\" target=\"_blank\" rel=\"noopener noreferrer\">Liste der Datenbanken nach Unternehmens-ID<\/a> abrufen, <a href=\"https:\/\/api-docs.kinqsta.com\/tag\/WordPress-Sites#paths\/~1sites\/get\" target=\"_blank\" rel=\"noopener noreferrer\">Unternehmensseiten<\/a> aufrufen, eine WordPress-Seite erstellen und mehr.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Au\u00dferdem gibt es f\u00fcr jeden API-Aufruf einen eigenen Endpunkt. Bestimmte Parameter sind au\u00dferdem gut dokumentiert, damit du wei\u00dft, wie du diese Aufrufe machen kannst.<\/p>\n<\/aside>\n\n<p>Um zum Beispiel eine Liste der Unternehmensseiten in deinem MyKinsta zu erhalten, lautet der Endpunkt <code>\/sites<\/code>. Der API-Schl\u00fcssel dient als Autorisierungskopfzeile; du f\u00fcgst auch die Unternehmens-ID hinzu (erforderlicher Parameter). Hier siehst du, wie du diese API-Anfrage mit cURL stellst:<\/p>\n<pre><code class=\"language-bash\">curl -i -X GET \n  'https:\/\/api.kinqsta.com\/v2\/sites?company=' \n  -H 'Authorization: Bearer &lt;YOUR_API_KEY_HERE&gt;'<\/code><\/pre>\n<p>Ersetze <code>YOUR_API_KEY_HERE<\/code> durch den tats\u00e4chlichen API-Schl\u00fcssel, den du erstellt hast, und<\/p>\n<p><code>COMPANY_ID_HERE<\/code> durch deine eindeutige Unternehmens-ID. Dies liefert eine JSON-Antwort mit allen Unternehmensseiten in deinem DevKinsta-Dashboard:<\/p>\n<pre><code class=\"language-json\">{\n    \"company\": {\n        \"sites\": [\n            {\n                \"id\": \"YOUR_SITE_ID\",\n                \"name\": \"my-test-site\",\n                \"display_name\": \"Test site\",\n                \"status\": \"live\",\n                \"site_labels\": []\n            }\n        ]\n    }\n}<\/code><\/pre>\n<p>Ein anderes Beispiel: Angenommen, du m\u00f6chtest eine bestimmte Website nach ihrer ID abrufen (GET-Anfrage). Dann kannst du den Endpunkt <code>\/sites\/{site_id}<\/code> verwenden. <code>{site_id}<\/code> wird durch die eindeutige ID der Website ersetzt, die du abrufen m\u00f6chtest. Hier siehst du, wie du diese API-Anfrage mit NodeJS stellst:<\/p>\n<pre><code class=\"language-js\">import fetch from 'node-fetch';\n\nasync function fetchSite() {\n  const siteId = 'YOUR_SITE_ID';\n  const response = await fetch(\n    `https:\/\/api.kinqsta.com\/v2\/sites\/${siteId}`,\n    {\n      method: 'GET',\n      headers: {\n        Authorization: 'Bearer \n      }\n    }\n  );\n\n  const data = await response.json();\n  console.log(data);\n}\n\nfetchSite();<\/code><\/pre>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Die API hat ein <a href=\"https:\/\/kinqsta.com\/de\/docs\/kinsta-api\/#rate-limit\">Anfrage-Limit<\/a> von 60 pro Minute, mit Ausnahme der Website-Erstellung, die auf 5 Anfragen pro Minute begrenzt ist. Du kannst die RateLimit-Header in der letzten API-Antwort \u00fcberpr\u00fcfen, um den aktuellen <a href=\"https:\/\/kinqsta.com\/de\/blog\/api-raten-limit\/\">Status deines Ratenlimits<\/a> zu sehen. Derzeit ist es nicht m\u00f6glich, das Ratenlimit zu erh\u00f6hen.<\/p>\n<\/aside>\n\n<p>Mit der Kinsta-API kannst du noch mehr tun. Ausf\u00fchrliche Informationen zu den verf\u00fcgbaren API-Endpunkten und den ben\u00f6tigten Parametern, zum Herunterladen unserer OpenAPI-Spezifikation und zum Ausprobieren der Endpunkte findest du in unserer <a href=\"https:\/\/api-docs.kinqsta.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">API-Referenz<\/a>.<\/p>\n<h3>Berechtigungen<\/h3>\n<p>Die API-Zugriffsberechtigungen f\u00fcr Kinsta h\u00e4ngen von der <a href=\"https:\/\/kinqsta.com\/de\/docs\/unternehmens-einstellungen\/benutzer-verwaltung\/#user-roles\">Rolle des Nutzers<\/a> im Unternehmen ab, da <strong>Firmeninhaber, Administratoren und Entwickler<\/strong> API-Schl\u00fcssel erstellen k\u00f6nnen.<\/p>\n<p>Ein API-Schl\u00fcssel, der von einem Entwickler erstellt wurde, hat beispielsweise nicht dieselben Zugriffsrechte wie ein Schl\u00fcssel, der von einem Firmeninhaber oder Administrator erstellt wurde. Die spezifischen Berechtigungen, die mit jeder Benutzerrolle verbunden sind, gew\u00e4hrleisten eine angemessene Zugangskontrolle und Sicherheit f\u00fcr die Kinsta-API.<\/p>\n<h2>So verwendest du die Kinsta-API, um einen Status-Checker zu erstellen<\/h2>\n<p>Wenn du eine Anwendung, Website oder Datenbank auf MyKinsta erstellst, durchl\u00e4uft sie verschiedene Phasen. Eine M\u00f6glichkeit, diese Phasen zu erkennen, ist ihr Status. Eine Anwendung, die auf Kinsta bereitgestellt wird, hat zum Beispiel einen Status, der angibt, ob sie gerade bereitgestellt wird, erfolgreich bereitgestellt wurde oder fehlgeschlagen ist.<\/p>\n<p>Die Kinsta-API bietet <a href=\"https:\/\/kinqsta.com\/de\/blog\/api-endpunkt\/\">Endpunkte<\/a>, mit denen du Statusinformationen \u00fcber deine Projekte auf <a href=\"https:\/\/my.kinqsta.com\/?lang=de\">MyKinsta<\/a> abrufen kannst. F\u00fcr dieses Projekt wirst du mit drei Endpunkten interagieren, n\u00e4mlich mit dem <code><a href=\"https:\/\/api-docs.kinqsta.com\/tag\/Applications#paths\/~1applications\/get\">\/applications<\/a><\/code>, <code><a href=\"https:\/\/api-docs.kinqsta.com\/tag\/WordPress-Sites#paths\/~1sites\/get\">\/sites<\/a><\/code>, und <code><a href=\"https:\/\/api-docs.kinqsta.com\/tag\/Databases#paths\/~1databases\/get\">\/databases<\/a><\/code>, um mit der <a href=\"https:\/\/kinqsta.com\/de\/blog\/javascript-http-anfrage\/#4-how-to-make-an-http-request-in-javascript-using-the-fetch-api\">JavaScript Fetch API<\/a> eine Liste aller Anwendungen, Websites und Datenbanken abzurufen.<\/p>\n<p>Sobald du die Liste abgerufen hast, kannst du die Methode <code>find()<\/code> in JavaScript verwenden, um nach einem bestimmten Projektnamen zu suchen, der in die Benutzeroberfl\u00e4che (UI) eingegeben wurde. Dies gibt den Namen und den Status des Projekts zur\u00fcck, wenn es existiert.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/06\/status-checker-web-interface.jpg\" alt=\"Status-Checker Webanwendung\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Status-Checker Webanwendung<\/figcaption><\/figure>\n<h3>Voraussetzung<\/h3>\n<p>Um bei diesem Projekt mitzukommen, ist es ratsam, ein grundlegendes Verst\u00e4ndnis von <a href=\"https:\/\/kinqsta.com\/de\/blog\/was-ist-html\/\">HTML<\/a>, <a href=\"https:\/\/kinqsta.com\/de\/blog\/css-best-practices\/\">CSS<\/a> und <a href=\"https:\/\/kinqsta.com\/javascript\/\">JavaScript<\/a> und eine gewisse Vertrautheit mit <a href=\"https:\/\/kinqsta.com\/de\/blog\/was-ist-react-js\/\">React<\/a> 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 Erstellung oder das Styling der Benutzeroberfl\u00e4che eingegangen.<\/p>\n<p>Mit dieser <a href=\"https:\/\/github.com\/kinsta\/status-checker\">Vorlage kannst du ein Git-Repository auf GitHub<\/a> erstellen. 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 aktiviere das Kontrollk\u00e4stchen <strong>Alle Zweige einschlie\u00dfen<\/strong>. Wenn du auf deinen lokalen Computer ziehst, stelle sicher, dass du die <strong><a href=\"https:\/\/github.com\/kinsta\/status-checker\/tree\/status-checker-ui\" target=\"_blank\" rel=\"noopener noreferrer\">status-checker-ui<\/a><\/strong> zweig, um die Startdateien mit dem folgenden Befehl zu verwenden:<\/p>\n<pre><code class=\"language-bash\">git checkout status-checker-ui<\/code><\/pre>\n<p>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 dem Befehl <code>npm run start<\/code> starten. Dadurch wird das Projekt unter <strong>http:\/\/localhost:3000\/<\/strong> ge\u00f6ffnet.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/06\/status-checker-ui.jpg\" alt=\"\u00dcberpr\u00fcfe den Status der MyKinsta-Projekte\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">\u00dcberpr\u00fcfe den Status der MyKinsta-Projekte<\/figcaption><\/figure>\n<p>Dieses Projekt hat zwei Hauptseiten: die <strong>Start-<\/strong> und die <strong>Service-Seite<\/strong>. Auf der <strong>Startseite<\/strong> findest du eine Liste der von Kinsta angebotenen Dienste (WordPress-, Anwendungs- und Datenbank-Hosting). Wenn du auf einen der Dienste klickst, gelangst du auf die <strong>Service-Seite<\/strong>, auf der du spezielle Informationen zu dem ausgew\u00e4hlten Dienst findest.<\/p>\n<p>Wenn du z. B. auf den Abschnitt Anwendungen\u00a0klickst, wirst du auf die <strong>Service-Seite<\/strong> f\u00fcr Anwendungen weitergeleitet. Auf dieser Seite kannst du nach jeder Anwendung in deinem MyKinsta-Konto suchen. Der Anwendungsstatus wird entweder \u00fcber den eindeutigen Namen oder den Anzeigenamen abgerufen.<\/p>\n<h3>Interaktion mit der Kinsta-API<\/h3>\n<p>Um die Suchfunktion f\u00fcr dieses Projekt zu implementieren, musst du drei Funktionen erstellen, die Abrufe f\u00fcr jeden Dienst (Anwendungen, Websites und Datenbanken) verarbeiten. Dann implementierst du eine Suchfunktion, die das gesamte Datenfeld durchsucht, um zu pr\u00fcfen, ob ein bestimmter Suchwert vorhanden ist.<\/p>\n<p>Du brauchst deine <strong>Unternehmens-ID<\/strong> und deinen <strong>API-Schl\u00fcssel<\/strong>, um mit der Kinsta-API zu interagieren, damit du eine Liste der Datenbanken, Anwendungen und Websites abrufen kannst, die in deinem MyKinsta-Konto verf\u00fcgbar sind. Sobald du sie hast, speicherst du sie als <a href=\"https:\/\/kinqsta.com\/de\/blog\/was-ist-eine-umgebungsvariable\/\">Umgebungsvariablen<\/a> in deiner React-Anwendung, indem du eine <strong>.env-Datei<\/strong> im Stammverzeichnis deines Projekts erstellst.<\/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>Jetzt kannst du mit <code>process.env.THE_VARIABLE<\/code> \u00fcberall in deinem Projekt auf diese Werte zugreifen. Um zum Beispiel auf <code>REACT_APP_KINSTA_COMPANY_ID<\/code> zuzugreifen, verwendest du <code>process.env.REACT_APP_KINSTA_COMPANY_ID<\/code>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-\u201dinfo\u201d\">\n        <p>Stelle sicher, dass du die <strong>.env-Datei<\/strong> zu deiner <strong><a href=\"https:\/\/kinqsta.com\/de\/blog\/gitignore-funktioniert-nicht\/\">.gitignore-Datei<\/a><\/strong> hinzuf\u00fcgst, damit sie nicht auf GitHub gepusht wird, da sie Informationen enth\u00e4lt, die nicht f\u00fcr jeden sichtbar online gestellt werden sollten.<\/p>\n<\/aside>\n\n<p>Bevor du die API verwendest, erstelle drei Zust\u00e4nde in der Seite <strong>Service.jsx<\/strong>, um den Status und den Namen der Ausgabe zu speichern, die bei der Suche nach einer Website, Anwendung oder Datenbank erzeugt wird. Der dritte Status dient dazu, Fehlerinformationen zu speichern.<\/p>\n<pre><code class=\"language-jsx\">let [status, setStatus] = useState('');\nlet [name, setName] = useState('');\nlet [error, setError] = useState('');<\/code><\/pre>\n<p>Erstelle au\u00dferdem eine Variable, um die URL der Kinsta-API zu speichern:<\/p>\n<pre><code class=\"\u201dlanguage-js\u201d\">const KinstaAPIUrl = 'https:\/\/api.kinqsta.com\/v2';<\/code><\/pre>\n<p>Wenn du damit fertig bist, h\u00e4nge ein <code>onClick<\/code> Ereignis mit einer <code>CheckQuery()<\/code> Funktion an den Submit-Button des Formulars auf der Seite <strong>Service.jsx<\/strong> an, so dass eine Funktion basierend auf dem Slug ausgel\u00f6st wird. Das hei\u00dft, wenn der Slug auf Datenbanken hinweist, wird die Funktion <code>CheckDatabases()<\/code> ausgel\u00f6st:<\/p>\n<pre><code class=\"language-jsx\">const CheckQuery = async (name) =&gt; {\n  if (slug === 'wp-site') {\n      await CheckSites(name);\n  } else if (slug === 'application') {\n      await CheckApplications(name);\n  } else if (slug === 'database') {\n      await CheckDatabases(name);\n  }\n}<\/code><\/pre>\n<h4>Liste der Websites mit der Kinsta-API abrufen<\/h4>\n<p>Um mit der Kinsta-API eine Liste der Websites abzurufen, die in deinem MyKinsta-Unternehmenskonto verf\u00fcgbar sind, erstellst du eine Funktion, gibst eine Abfrage mit der Unternehmens-ID als Parameter ein und autorisierst die Anfrage mit deinem API-Schl\u00fcssel. Diese Anfrage verwendet den Endpunkt <code>\/sites<\/code> der Kinsta-API:<\/p>\n<pre><code class=\"language-jsx\">const CheckSites = async (name) =&gt; {\n  const query = new URLSearchParams({\n      company: `${process.env.REACT_APP_KINSTA_COMPANY_ID}`,\n  }).toString();\n  const resp = await fetch(\n      `${KinstaAPIUrl}\/sites?${query}`,\n      {\n          method: 'GET',\n          headers: {\n              Authorization: `Bearer ${process.env.REACT_APP_KINSTA_API_KEY}`\n          }\n      }\n  );\n}<\/code><\/pre>\n<p>Mit dem obigen Code werden alle in deinem MyKinsta-Konto verf\u00fcgbaren Websites abgerufen. Du kannst nun die Methode <code>find()<\/code> verwenden, um zu suchen, ob die Suchanfrage mit einem <strong>Namen<\/strong> oder <strong>Anzeigenamen<\/strong> \u00fcbereinstimmt:<\/p>\n<pre><code class=\"language-jsx\">const data = await resp.json();\n  let sitesData = data.company.sites;\n  let site = sitesData.find(site =&gt; site.name === name || site.display_name === name);<\/code><\/pre>\n<p>Damit kannst du dann einige Bedingungen erstellen, um zu pr\u00fcfen, ob ein Wert zur\u00fcckgegeben wird, und dann die Zust\u00e4nde setzen, andernfalls den Fehlerzustand mit einer Meldung aktualisieren, um den Nutzer dar\u00fcber zu informieren, dass diese Seite nicht existiert:<\/p>\n<pre><code class=\"language-jsx\">if (site) {\n    setName(site.display_name);\n    if (site.status === 'live') {\n        setStatus('\ud83d\udfe2 Running');\n    } else if (site.status === 'staging') {\n        setStatus('\ud83d\udfe1 Staging');\n    } else {\n        setStatus('\ud83d\udfe1 Unknown');\n    }\n    setUniqueName('');\n} else {\n    setError('No such site found for your account');\n    setUniqueName('');\n}<\/code><\/pre>\n<p>So sieht dein Code aus, mit dem du den Status einer bestimmten Website \u00fcberpr\u00fcfen kannst:<\/p>\n<pre><code class=\"language-jsx\">const CheckSites = async (name) =&gt; {\n  setName('');\n  setStatus('');\n  setError('');\n  const query = new URLSearchParams({\n      company: `${process.env.REACT_APP_KINSTA_COMPANY_ID}`,\n  }).toString();\n  const resp = await fetch(\n      `${KinstaAPIUrl}\/sites?${query}`,\n      {\n          method: 'GET',\n          headers: {\n              Authorization: `Bearer ${process.env.REACT_APP_KINSTA_API_KEY}`\n          }\n      }\n  );\n  const data = await resp.json();\n  let sitesData = data.company.sites;\n  let site = sitesData.find(site =&gt; site.name === name || site.display_name === name);\n  if (site) {\n      setName(site.display_name);\n      if (site.status === 'live') {\n          setStatus('\ud83d\udfe2 Running');\n      } else if (site.status === 'staging') {\n          setStatus('\ud83d\udfe1 Staging');\n      } else {\n          setStatus('\ud83d\udfe1 Unknown');\n      }\n      setUniqueName('');\n  } else {\n      setError('No such site found for your account');\n      setUniqueName('');\n  }\n}<\/code><\/pre>\n<p><strong>Hinweis:<\/strong> Alle drei Zust\u00e4nde werden jedes Mal, wenn die Funktion <code>CheckSites()<\/code> ausgel\u00f6st wird, als leere Zeichenketten initialisiert. Das ist notwendig, um sicherzustellen, dass alle vorherigen Suchdaten gel\u00f6scht werden.<\/p>\n<h4>Liste der Anwendungen mit der Kinsta-API abrufen<\/h4>\n<p>Genau wie bei den Websites verwendest du den Endpunkt <code>\/applications<\/code>, \u00fcbergibst eine Abfrage, die die Unternehmens-ID enth\u00e4lt, und verwendest ebenfalls die Methode <code>find()<\/code>, um das zur\u00fcckgegebene Array zu durchsuchen:<\/p>\n<pre><code class=\"language-jsx\">const CheckApplications = async (name) =&gt; {\n  setName('');\n  setStatus('');\n  setError('');\n  const query = new URLSearchParams({\n      company: `${process.env.REACT_APP_KINSTA_COMPANY_ID}`,\n  }).toString();\n  const resp = await fetch(\n      `${KinstaAPIUrl}\/applications?${query}`,\n      {\n          method: 'GET',\n          headers: {\n              Authorization: `Bearer ${process.env.REACT_APP_KINSTA_API_KEY}`\n          }\n      }\n  );\n  const data = await resp.json();\n  let appsData = data.company.apps.items;\n  let app = appsData.find(app =&gt; app.unique_name === name || app.name === name || app.display_name === name);\n  if (app) {\n      setName(app.display_name);\n      if (app.status === 'deploymentSuccess') {\n          setStatus('\ud83d\udfe2 Running');\n      } else if (app.status === 'deploymentFailed') {\n          setStatus('\ud83d\udd34 Failed');\n      } else if (app.status === 'deploymentPending') {\n          setStatus('\ud83d\udfe1 Pending');\n      } else if (app.status === 'deploymentInProgress') {\n          setStatus('\ud83d\udfe1 In Progress');\n      } else {\n          setStatus('\ud83d\udfe1 Unknown');\n      }\n      setUniqueName('');\n  } else {\n      setError('No such app found for your account');\n      setUniqueName('');\n  }\n}<\/code><\/pre>\n<h4>Liste der Datenbanken mit der Kinsta-API abrufen<\/h4>\n<p>Um eine Liste von Datenbanken abzurufen, verwendest du den Endpunkt <code>\/databases<\/code> der Kinsta-API:<\/p>\n<pre><code class=\"language-jsx\">const CheckDatabases = async (name) =&gt; {\n  setName('');\n  setStatus('');\n  setError('');\n  const query = new URLSearchParams({\n      company: `${process.env.REACT_APP_KINSTA_COMPANY_ID}`,\n  }).toString();\n  const resp = await fetch(\n      `${KinstaAPIUrl}\/databases?${query}`,\n      {\n          method: 'GET',\n          headers: {\n              Authorization: `Bearer ${process.env.REACT_APP_KINSTA_API_KEY}`\n          }\n      }\n  );\n  const data = await resp.json();\n  let databasesData = data.company.databases.items;\n  let database = databasesData.find(database =&gt; database.name === name || database.display_name === name);\n  if (database) {\n      setName(database.display_name);\n      if (database.status === 'ready') {\n          setStatus('\ud83d\udfe2 Running');\n      } else if (database.status === 'creating') {\n          setStatus('\ud83d\udfe1 Creating');\n      } else {\n          setStatus('\ud83d\udfe1 Unknown');\n      }\n      setUniqueName('');\n  } else {\n      setError('No such database found for your account');\n      setUniqueName('');\n  }\n}<\/code><\/pre>\n<p>Sobald dies erledigt ist. Du hast die Kinsta-API erfolgreich in deinem React-Projekt verwendet. Damit deine Anwendung gut funktioniert, f\u00fcgst du die Daten, die von diesen Funktionen zur\u00fcckgegeben werden und die auf die zuvor erstellten Zust\u00e4nde gesetzt wurden, in deinen Markup-Code ein:<\/p>\n<pre><code class=\"language-jsx\">{status !== '' && (\n  &lt;div className=\"services\"&gt;\n      &lt;div className=\"details\"&gt;\n          &lt;div className=\"name-details\"&gt;\n              &lt;span&gt; className=\"tag\"&gt;Name: &lt;\/span&gt;\n              &lt;span&gt; className=\"value\"&gt;{name}&lt;\/span&gt;\n          &lt;\/div&gt;\n          &lt;div className=\"status-details\"&gt;\n              &lt;span&gt; className=\"tag\"&gt;Status: &lt;\/span&gt;\n              &lt;span&gt; className=\"value\"&gt; {status}&lt;\/span&gt;\n          &lt;\/div&gt;\n      &lt;\/div&gt;\n  &lt;\/div&gt;\n)}<\/code><\/pre>\n<p>F\u00fcge au\u00dferdem eine Bedingung hinzu, die ausgel\u00f6st wird, wenn ein Fehler auftritt. Wenn ein Nutzer zum Beispiel nach einem Projekt sucht, das in MyKinsta nicht existiert, wird der Fehler ausgel\u00f6st.<\/p>\n<pre><code class=\"language-jsx\">{error !== '' && (\n  &lt;div className=\"services\"&gt;\n      &lt;div className=\"details\"&gt;\n          &lt;p&gt;{error}&lt;\/p&gt;\n      &lt;\/div&gt;\n  &lt;\/div&gt;\n)}<\/code><\/pre>\n<p>Jetzt funktioniert dein Projekt einwandfrei und du kannst den Status von Anwendungen, Websites oder Datenbanken auf deinem MyKinsta-Dashboard \u00fcberpr\u00fcfen. Du kannst deinen Code mit diesem <a href=\"https:\/\/github.com\/kinsta\/status-checker\" target=\"_blank\" rel=\"noopener noreferrer\">GitHub-Repository<\/a> vergleichen.<\/p>\n<h3>So stellst du deinen Status Checker auf Kinsta bereit<\/h3>\n<p>Um dein React-Projekt auf Kinsta bereitzustellen, musst du das Projekt bei deinem <a href=\"https:\/\/docs.sevalla.com\/applications\/get-started\/add-an-application#adding-an-application\">bevorzugten Git-Provider<\/a> pushen. Wenn dein Projekt entweder auf <a href=\"https:\/\/kinqsta.com\/de\/blog\/was-ist-github\/\">GitHub<\/a>, <a href=\"https:\/\/kinqsta.com\/de\/blog\/gitlab-vs-github\/\">GitLab<\/a> oder <a href=\"https:\/\/kinqsta.com\/de\/blog\/bitbucket-vs-github\/\">Bitbucket<\/a> gehostet wird, kannst du es auf Kinsta bereitstellen.<\/p>\n<p>Befolge diese Schritte, um dein Repository auf Kinsta bereitzustellen:<\/p>\n<ol start=\"1\">\n<li>Melde dich auf dem <a href=\"https:\/\/my.kinqsta.com\/?lang=de\">MyKinsta<\/a>-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; aus 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 25 Optionen. 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-Anbieter weiterzugeben. Wenn du hostest, 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:\/\/kinqsta.com\/wp-content\/uploads\/2023\/06\/set-environment-variable-devkinsta.jpg\" alt=\"Lege die Umgebungsvariablen auf DevKinsta bei der Bereitstellung fest\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Lege die Umgebungsvariablen auf DevKinsta bei der Bereitstellung fest<\/figcaption><\/figure>\n<p>Sobald du die Bereitstellung deiner Anwendung initiiert hast, beginnt der Prozess und ist in der Regel innerhalb weniger Minuten abgeschlossen. Wenn die Bereitstellung erfolgreich war, erh\u00e4ltst du einen Link, \u00fcber den du auf die bereitgestellte Version deiner Anwendung zugreifen kannst. In diesem Fall lautet der Link zum Beispiel <strong>https:\/\/status-checker-1t256.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 GitHub ver\u00f6ffentlichst.<\/p>\n<\/aside>\n\n<h2>Zusammenfassung<\/h2>\n<p>Mit dem Kinsta-API-Schl\u00fcssel kannst du ganz einfach Aufgaben automatisieren, Daten abrufen und Kinsta in andere Anwendungen integrieren. Denke daran, deinen Zugangsschl\u00fcssel sicher aufzubewahren.<\/p>\n<p>Jetzt kannst du die Leistung der <a href=\"https:\/\/kinqsta.com\/de\/docs\/kinsta-api\/\">Kinsta-API<\/a> nutzen, um <a href=\"https:\/\/kinqsta.com\/de\/docs\/kinsta-api\/#reporting\">Berichte zu<\/a> erstellen, <a href=\"https:\/\/kinqsta.com\/de\/docs\/kinsta-api\/#scheduled-tasks\">Aufgaben zu planen<\/a>, <a href=\"https:\/\/kinqsta.com\/de\/docs\/kinsta-api\/#wordpress-site-creation\">WordPress-Seiten zu erstellen<\/a> und verschiedene Aktivit\u00e4ten zu automatisieren.<\/p>\n<p><em>Welchen Endpunkt w\u00fcrdest du der Kinsta-API gerne als n\u00e4chstes hinzuf\u00fcgen? <\/em><em>Lass es uns in den Kommentaren wissen.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kinsta ist eine Cloud-Plattform, die Unternehmen und Entwicklerteams dabei hilft, ihre Webprojekte schneller und effizienter umzusetzen und zu verwalten. Kinsta bietet Entwicklern und Nutzern eine API, &#8230;<\/p>\n","protected":false},"author":287,"featured_media":63471,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[925,975,991],"class_list":["post-63470","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-api","topic-react","topic-web-entwicklungs-tools"],"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>Kinsta API-Zugangsschl\u00fcssel erstellen und nutzen - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Erfahre, wie du m\u00fchelos deinen Kinsta-API-Zugangsschl\u00fcssel f\u00fcr eine nahtlose Integration und verbesserte Website-Verwaltung erstellen und nutzen kannst.\" \/>\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\/de\/blog\/kinsta-api-schluessel\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kinsta API-Zugangsschl\u00fcssel erstellen und nutzen\" \/>\n<meta property=\"og:description\" content=\"Erfahre, wie du m\u00fchelos deinen Kinsta-API-Zugangsschl\u00fcssel f\u00fcr eine nahtlose Integration und verbesserte Website-Verwaltung erstellen und nutzen kannst.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/\" \/>\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-04T14:34:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-09T07:35:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/kinsta-api-key.jpg\" \/>\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\/jpeg\" \/>\n<meta name=\"author\" content=\"Joel Olawanle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Erfahre, wie du m\u00fchelos deinen Kinsta-API-Zugangsschl\u00fcssel f\u00fcr eine nahtlose Integration und verbesserte Website-Verwaltung erstellen und nutzen kannst.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/kinsta-api-key.jpg\" \/>\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=\"12\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinqsta.com\/de\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"Kinsta API-Zugangsschl\u00fcssel erstellen und nutzen\",\"datePublished\":\"2023-07-04T14:34:56+00:00\",\"dateModified\":\"2023-08-09T07:35:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/\"},\"wordCount\":2004,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/kinsta-api-key.jpg\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/\",\"url\":\"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/\",\"name\":\"Kinsta API-Zugangsschl\u00fcssel erstellen und nutzen - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/kinsta-api-key.jpg\",\"datePublished\":\"2023-07-04T14:34:56+00:00\",\"dateModified\":\"2023-08-09T07:35:36+00:00\",\"description\":\"Erfahre, wie du m\u00fchelos deinen Kinsta-API-Zugangsschl\u00fcssel f\u00fcr eine nahtlose Integration und verbesserte Website-Verwaltung erstellen und nutzen kannst.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/kinsta-api-key.jpg\",\"contentUrl\":\"https:\/\/kinqsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/kinsta-api-key.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"API\",\"item\":\"https:\/\/kinqsta.com\/de\/thema\/api\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Kinsta API-Zugangsschl\u00fcssel erstellen und nutzen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/de\/#website\",\"url\":\"https:\/\/kinqsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinqsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.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:\/\/kinqsta.com\/de\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinqsta.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:\/\/kinqsta.com\/de\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Kinsta API-Zugangsschl\u00fcssel erstellen und nutzen - Kinsta\u00ae","description":"Erfahre, wie du m\u00fchelos deinen Kinsta-API-Zugangsschl\u00fcssel f\u00fcr eine nahtlose Integration und verbesserte Website-Verwaltung erstellen und nutzen kannst.","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\/de\/blog\/kinsta-api-schluessel\/","og_locale":"de_DE","og_type":"article","og_title":"Kinsta API-Zugangsschl\u00fcssel erstellen und nutzen","og_description":"Erfahre, wie du m\u00fchelos deinen Kinsta-API-Zugangsschl\u00fcssel f\u00fcr eine nahtlose Integration und verbesserte Website-Verwaltung erstellen und nutzen kannst.","og_url":"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2023-07-04T14:34:56+00:00","article_modified_time":"2023-08-09T07:35:36+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinqsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/kinsta-api-key.jpg","type":"image\/jpeg"}],"author":"Joel Olawanle","twitter_card":"summary_large_image","twitter_description":"Erfahre, wie du m\u00fchelos deinen Kinsta-API-Zugangsschl\u00fcssel f\u00fcr eine nahtlose Integration und verbesserte Website-Verwaltung erstellen und nutzen kannst.","twitter_image":"https:\/\/kinqsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/kinsta-api-key.jpg","twitter_creator":"@olawanle_joel","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Joel Olawanle","Gesch\u00e4tzte Lesezeit":"12\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinqsta.com\/de\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"Kinsta API-Zugangsschl\u00fcssel erstellen und nutzen","datePublished":"2023-07-04T14:34:56+00:00","dateModified":"2023-08-09T07:35:36+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/"},"wordCount":2004,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/kinsta-api-key.jpg","inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/","url":"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/","name":"Kinsta API-Zugangsschl\u00fcssel erstellen und nutzen - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinqsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/kinsta-api-key.jpg","datePublished":"2023-07-04T14:34:56+00:00","dateModified":"2023-08-09T07:35:36+00:00","description":"Erfahre, wie du m\u00fchelos deinen Kinsta-API-Zugangsschl\u00fcssel f\u00fcr eine nahtlose Integration und verbesserte Website-Verwaltung erstellen und nutzen kannst.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/#primaryimage","url":"https:\/\/kinqsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/kinsta-api-key.jpg","contentUrl":"https:\/\/kinqsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/kinsta-api-key.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/de\/blog\/kinsta-api-schluessel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"API","item":"https:\/\/kinqsta.com\/de\/thema\/api\/"},{"@type":"ListItem","position":3,"name":"Kinsta API-Zugangsschl\u00fcssel erstellen und nutzen"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/de\/#website","url":"https:\/\/kinqsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinqsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinqsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.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:\/\/kinqsta.com\/de\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinqsta.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:\/\/kinqsta.com\/de\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/de\/wp-json\/wp\/v2\/posts\/63470","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/de\/wp-json\/wp\/v2\/users\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/de\/wp-json\/wp\/v2\/comments?post=63470"}],"version-history":[{"count":9,"href":"https:\/\/kinqsta.com\/de\/wp-json\/wp\/v2\/posts\/63470\/revisions"}],"predecessor-version":[{"id":64725,"href":"https:\/\/kinqsta.com\/de\/wp-json\/wp\/v2\/posts\/63470\/revisions\/64725"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/de\/wp-json\/kinsta\/v1\/posts\/63470\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/de\/wp-json\/kinsta\/v1\/posts\/63470\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/de\/wp-json\/kinsta\/v1\/posts\/63470\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/de\/wp-json\/kinsta\/v1\/posts\/63470\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/de\/wp-json\/kinsta\/v1\/posts\/63470\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/de\/wp-json\/kinsta\/v1\/posts\/63470\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/de\/wp-json\/kinsta\/v1\/posts\/63470\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/de\/wp-json\/kinsta\/v1\/posts\/63470\/translations\/es"},{"href":"https:\/\/kinqsta.com\/de\/wp-json\/kinsta\/v1\/posts\/63470\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/de\/wp-json\/wp\/v2\/media\/63471"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/de\/wp-json\/wp\/v2\/media?parent=63470"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/de\/wp-json\/wp\/v2\/tags?post=63470"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/de\/wp-json\/wp\/v2\/topic?post=63470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}