{"id":67666,"date":"2023-07-04T16:35:18","date_gmt":"2023-07-04T14:35:18","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=67666&#038;preview=true&#038;preview_id=67666"},"modified":"2023-08-23T17:33:37","modified_gmt":"2023-08-23T15:33:37","slug":"kinsta-api-key","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/","title":{"rendered":"C\u00f3mo Crear y Utilizar la Clave de Acceso a la API de Kinsta"},"content":{"rendered":"<p>Kinsta es una <a href=\"https:\/\/kinsta.com\/es\/blog\/plataforma-en-la-nube-para-desarrolladores\/\">plataforma en la nube<\/a> dise\u00f1ada para ayudar a las empresas y a los equipos de desarrollo a enviar y gestionar sus proyectos web de forma m\u00e1s r\u00e1pida y eficiente.<\/p>\n<p>Kinsta proporciona a los <a href=\"https:\/\/kinsta.com\/es\/blog\/tipos-de-desarrolladores\/\">desarrolladores<\/a> y usuarios una <a href=\"https:\/\/kinsta.com\/es\/blog\/api-rest-vs-api-web\/\">API<\/a> para gestionar sus <a href=\"https:\/\/kinsta.com\/es\/wordpress-hosting\/\">sitios<\/a>, <a href=\"https:\/\/sevalla.com\/application-hosting\/\">aplicaciones<\/a> y <a href=\"https:\/\/sevalla.com\/database-hosting\/\">bases de datos<\/a> <a href=\"https:\/\/kinsta.com\/es\/wordpress-hosting\/\">de WordPress<\/a> mediante programaci\u00f3n.<\/p>\n<p>La <a href=\"https:\/\/kinsta.com\/es\/docs\/api-kinsta\/\">API de Kinsta<\/a> puede utilizarse para automatizar tareas, recuperar datos e integrar Kinsta con otras aplicaciones sin acceder a <a href=\"https:\/\/kinsta.com\/es\/mykinsta\/\">MyKinsta<\/a>. Para acceder a la API, necesitas una clave API. Este art\u00edculo explica el proceso de creaci\u00f3n y uso de una clave API de Kinsta.<\/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>C\u00f3mo Crear una Clave API<\/h2>\n<p>Para utilizar la API de Kinsta, debes tener una cuenta con al menos un sitio, aplicaci\u00f3n o base de datos de WordPress en MyKinsta. Tambi\u00e9n necesitar\u00e1s generar una clave API para autenticarte y acceder a tu cuenta a trav\u00e9s de la API. Para generar una clave API:<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Trata tu clave API como informaci\u00f3n sensible y mantenla segura. Evita compartir la clave con personas no autorizadas. Si est\u00e1s trabajando en un proyecto colaborativo, utiliza un <a href=\"https:\/\/kinsta.com\/es\/blog\/administradores-contrasenas\/\">gestor de contrase\u00f1as<\/a> como 1Password para compartirla de forma segura.<\/p>\n<\/aside>\n\n<ol start=\"1\">\n<li>Ve a tu panel de <a href=\"https:\/\/my.kinsta.com\/?lang=es\">MyKinsta<\/a>.<\/li>\n<li>Ve a la p\u00e1gina <strong>Claves API <\/strong>(<strong>Tu nombre<\/strong> &gt; <strong>Configuraci\u00f3n de la empresa<\/strong> &gt; <strong>Claves API<\/strong>).<\/li>\n<li>Haz clic en <strong>Crear Clave API<\/strong>.<\/li>\n<li>Elige una fecha de caducidad o establece una fecha de inicio personalizada y un n\u00famero de horas para que caduque la clave.<\/li>\n<li>Dale a la clave un nombre \u00fanico.<\/li>\n<li>Haz clic en <strong>Generar<\/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\/06\/create-api-keys.jpg\" alt=\"Crear clave API en MyKinsta.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Crear clave API en MyKinsta.<\/figcaption><\/figure>\n<p>Cuando crees una clave API, c\u00f3piala y gu\u00e1rdala en un lugar seguro, ya que es la <strong>\u00fanica vez que podr\u00e1s verla<\/strong>. Puedes generar varias claves API \u2014 aparecer\u00e1n en la p\u00e1gina <strong>Claves API<\/strong>. Si necesitas revocar una clave API, haz clic en <strong>Revocar<\/strong> junto a la que quieras revocar.<\/p>\n<h2>C\u00f3mo Utilizar la API de Kinsta con Tu Clave API<\/h2>\n<p>Una vez que tengas la clave API, podr\u00e1s interactuar con todos los servicios de Kinsta (sitios WordPress, aplicaciones y bases de datos) a trav\u00e9s de la <a href=\"https:\/\/kinsta.com\/es\/changelog\/api-kinsta\/\">API de Kinsta<\/a>, como obtener una <a href=\"https:\/\/api-docs.kinsta.com\/tag\/Databases#paths\/~1databases\/get\" target=\"_blank\" rel=\"noopener noreferrer\">lista de bases de datos por ID de empresa<\/a>, <a href=\"https:\/\/api-docs.kinsta.com\/tag\/WordPress-Sites#paths\/~1sites\/get\" target=\"_blank\" rel=\"noopener noreferrer\">sitios de empresa<\/a>, crear un sitio WordPress, etc.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Tambi\u00e9n hay un endpoint dedicado para cada llamada a la API; ciertos par\u00e1metros tambi\u00e9n est\u00e1n bien documentados para ayudarte a saber c\u00f3mo hacer estas llamadas.<\/p>\n<\/aside>\n\n<p>Por ejemplo, para obtener una lista de sitios de empresa en tu MyKinsta, el endpoint es <code>\/sites<\/code>. La clave API servir\u00e1 como cabecera de autorizaci\u00f3n; tambi\u00e9n a\u00f1adir\u00e1s el ID de la empresa (par\u00e1metro obligatorio). A continuaci\u00f3n te explicamos c\u00f3mo realizar esta solicitud API utilizando cURL:<\/p>\n<pre><code class=\"language-bash\">curl -i -X GET \n  'https:\/\/api.kinsta.com\/v2\/sites?company=' \n  -H 'Authorization: Bearer &lt;YOUR_API_KEY_HERE&gt;'<\/code><\/pre>\n<p>Sustituye <code>YOUR_API_KEY_HERE<\/code> por la clave API real que generaste y<\/p>\n<p><code>COMPANY_ID_HERE<\/code> por el ID \u00fanico de tu empresa. Esto devolver\u00e1 una respuesta JSON de todos los sitios de empresa en tu panel de DevKinsta:<\/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>Otro ejemplo, supongamos que quieres obtener un sitio espec\u00edfico por ID (solicitud GET). Puedes utilizar el endpoint <code>\/sites\/{site_id}<\/code>. <code>{site_id}<\/code> ser\u00e1 sustituido por el ID \u00fanico del sitio espec\u00edfico que deseas obtener. A continuaci\u00f3n te mostramos c\u00f3mo realizar esta solicitud API utilizando NodeJS:<\/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.kinsta.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>La API tiene un <a href=\"https:\/\/kinsta.com\/es\/docs\/api-kinsta\/#rate-limit\">l\u00edmite de solicitudes<\/a> de 60 por minuto, con una excepci\u00f3n para la creaci\u00f3n de Sitios, que est\u00e1 limitada a 5 solicitudes por minuto. Puedes comprobar las cabeceras RateLimit en la \u00faltima respuesta de la API para ver tu <a href=\"https:\/\/kinsta.com\/es\/blog\/limite-tasa-api\/\">estado actual de l\u00edmite<\/a> de solicitudes. Actualmente, no es posible aumentar el l\u00edmite de velocidad.<\/p>\n<\/aside>\n\n<p>Hay m\u00e1s cosas que puedes hacer con la API de Kinsta. Para obtener todos los detalles sobre los endpoints de la API disponibles y los par\u00e1metros necesarios, descargar nuestra especificaci\u00f3n OpenAPI y probar los endpoints, consulta nuestra <a href=\"https:\/\/api-docs.kinsta.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Referencia de la API<\/a>.<\/p>\n<h3>Permisos<\/h3>\n<p>Los permisos de acceso a la API de Kinsta dependen del <a href=\"https:\/\/kinsta.com\/es\/docs\/configuracion-empresa\/gestion-de-usuarios\/#user-roles\">papel del usuario<\/a> dentro de la empresa, ya que <strong>los propietarios de la empresa, los administradores y los desarrolladores<\/strong> pueden crear claves API.<\/p>\n<p>Por ejemplo, una clave API generada por un desarrollador no tendr\u00e1 el mismo nivel de acceso que una clave generada por el propietario o administrador de una empresa. Los permisos espec\u00edficos asociados a cada rol de usuario garantizan un control de acceso y una seguridad adecuados para la API de Kinsta.<\/p>\n<h2>C\u00f3mo Utilizar la API de Kinsta para Crear un Comprobador de Estado<\/h2>\n<p>Cuando creas una aplicaci\u00f3n, sitio o base de datos en MyKinsta, \u00e9sta pasa por diferentes etapas. Una forma de identificar estas etapas es a trav\u00e9s de su estado. Por ejemplo, una aplicaci\u00f3n desplegada en Kinsta tendr\u00e1 un estado que indica si se est\u00e1 desplegando, si se ha desplegado correctamente o si ha fallado.<\/p>\n<p>La API de Kinsta proporciona <a href=\"https:\/\/kinsta.com\/es\/blog\/punto-final-de-la-api\/\">endpoints<\/a>\u00a0que te permiten recuperar informaci\u00f3n sobre el estado de tus proyectos en <a href=\"https:\/\/my.kinsta.com\/?lang=es\">MyKinsta<\/a>. Para este proyecto, interactuar\u00e1s con tres endpoints, a saber <code><a href=\"https:\/\/api-docs.kinsta.com\/tag\/Applications#paths\/~1applications\/get\">\/applications<\/a><\/code>, <code><a href=\"https:\/\/api-docs.kinsta.com\/tag\/WordPress-Sites#paths\/~1sites\/get\">\/sites<\/a><\/code>y <code><a href=\"https:\/\/api-docs.kinsta.com\/tag\/Databases#paths\/~1databases\/get\">\/databases<\/a><\/code> para obtener un array de todas las aplicaciones, sitios y bases de datos utilizando la <a href=\"https:\/\/kinsta.com\/es\/blog\/javascript-peticion-http\/#4-how-to-make-an-http-request-in-javascript-using-the-fetch-api\">JavaScript Fetch API<\/a>.<\/p>\n<p>Una vez recuperada la lista, puedes utilizar el m\u00e9todo <code>find()<\/code> en JavaScript para buscar un nombre de proyecto concreto introducido en la interfaz de usuario (UI). Esto devuelve el nombre y el estado del proyecto si existe.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/06\/status-checker-web-interface.jpg\" alt=\"Aplicaci\u00f3n web de comprobaci\u00f3n de estado.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Aplicaci\u00f3n web de comprobaci\u00f3n de estado.<\/figcaption><\/figure>\n<h3>Requisitos Previos<\/h3>\n<p>Para seguir este proyecto, es aconsejable tener conocimientos b\u00e1sicos de <a href=\"https:\/\/kinsta.com\/es\/blog\/que-es-el-html\/\">HTML<\/a>, <a href=\"https:\/\/kinsta.com\/es\/blog\/buenas-practicas-css\/\">CSS<\/a> y <a href=\"https:\/\/kinsta.com\/javascript\/\">JavaScript<\/a> y cierta familiaridad con <a href=\"https:\/\/kinsta.com\/es\/blog\/que-es-react-js\/\">React<\/a>. El objetivo principal de este proyecto es demostrar la utilizaci\u00f3n de la API Kinsta, por lo que el art\u00edculo no ahondar\u00e1 en los detalles de la creaci\u00f3n de la interfaz de usuario o el estilo.<\/p>\n<p>Puedes crear un repositorio Git utilizando esta <a href=\"https:\/\/github.com\/kinsta\/status-checker\">plantilla en GitHub<\/a>. Selecciona <strong>Utilizar esta plantilla<\/strong> &gt; <strong>Crear un nuevo repositorio<\/strong> para copiar el c\u00f3digo de inicio en un nuevo repositorio dentro de tu propia cuenta de GitHub, y aseg\u00farate de marcar la casilla para <strong>incluir todas las ramas<\/strong>. Cuando hagas pull a tu ordenador local, aseg\u00farate de que cambias a la opci\u00f3n <strong><a href=\"https:\/\/github.com\/kinsta\/status-checker\/tree\/status-checker-ui\" target=\"_blank\" rel=\"noopener noreferrer\">status-checker-ui<\/a><\/strong> para utilizar los archivos de inicio utilizando el siguiente comando:<\/p>\n<pre><code class=\"language-bash\">git checkout status-checker-ui<\/code><\/pre>\n<p>Instala las dependencias necesarias ejecutando el comando <code>npm install<\/code>. Una vez completada la instalaci\u00f3n, puedes iniciar el proyecto en tu ordenador local utilizando el comando <code>npm run start<\/code>. Esto abrir\u00e1 el proyecto en <strong>http:\/\/localhost:3000\/.<\/strong><\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/06\/status-checker-ui.jpg\" alt=\"Comprueba el estado de los proyectos MyKinsta.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Comprueba el estado de los proyectos MyKinsta.<\/figcaption><\/figure>\n<p>Este proyecto tiene dos p\u00e1ginas principales: la <strong>p\u00e1gina de Inicio<\/strong> y la de <strong>Servicios<\/strong>. La <strong>P\u00e1gina de Inicio<\/strong> muestra una lista de los servicios prestados por Kinsta (alojamiento de WordPress, aplicaciones y bases de datos). Cuando haces clic en cualquiera de los servicios, se te lleva a la <strong>p\u00e1gina de Servicio<\/strong>, que est\u00e1 dise\u00f1ada para proporcionar informaci\u00f3n espec\u00edfica relacionada con el servicio seleccionado.<\/p>\n<p>Por ejemplo, si haces clic en la secci\u00f3n \u00abAplicaciones\u00bb, se te redirigir\u00e1 a la <strong>p\u00e1gina de Servicio<\/strong> dedicada a las aplicaciones. Puedes buscar cualquier aplicaci\u00f3n dentro de tu cuenta MyKinsta en esta p\u00e1gina, de modo que recupere el estado de la aplicaci\u00f3n utilizando su nombre \u00fanico o su nombre para mostrar.<\/p>\n<h3>Interactuar con la API de Kinsta<\/h3>\n<p>Para implementar la funci\u00f3n de buscar en este proyecto, crear\u00e1s tres funciones para gestionar las solicitudes de obtenci\u00f3n de cada servicio (aplicaciones, sitios y bases de datos). A continuaci\u00f3n, implementar\u00e1s una funci\u00f3n de b\u00fasqueda que escanee todo el conjunto de datos para comprobar si existe un valor de b\u00fasqueda determinado.<\/p>\n<p>Necesitas el<strong> ID de tu empresa<\/strong> y la <strong>clave API<\/strong> para interactuar con la API de Kinsta, de modo que puedas obtener una lista de bases de datos, aplicaciones y sitios disponibles en tu cuenta MyKinsta. Una vez que los tengas, gu\u00e1rdalos como <a href=\"https:\/\/kinsta.com\/es\/blog\/variables-de-entorno\/\">variables de entorno<\/a> en tu aplicaci\u00f3n React creando un <strong> archivo .env<\/strong> en la carpeta root de tu proyecto.<\/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>Ahora puedes acceder a estos valores en cualquier parte de tu proyecto utilizando <code>process.env.THE_VARIABLE<\/code>. Por ejemplo, para acceder a <code>REACT_APP_KINSTA_COMPANY_ID<\/code>, utiliza <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>Aseg\u00farate de a\u00f1adir el <strong> archivo .env<\/strong> a tu archivo <strong><a href=\"https:\/\/kinsta.com\/es\/blog\/gitignore-no-funciona\/\">archivo .gitignore<\/a><\/strong> para que no se env\u00ede a GitHub, ya que contiene informaci\u00f3n que no deber\u00eda compartirse online para que la vea todo el mundo.<\/p>\n<\/aside>\n\n<p>Antes de utilizar la API, crea tres estados en la p\u00e1gina <strong>Service.jsx<\/strong> para almacenar el estado y el nombre de la salida generada al buscar un sitio, una aplicaci\u00f3n o una base de datos. El tercer estado es para almacenar informaci\u00f3n sobre errores.<\/p>\n<pre><code class=\"language-jsx\">let [status, setStatus] = useState('');\nlet [name, setName] = useState('');\nlet [error, setError] = useState('');<\/code><\/pre>\n<p>Adem\u00e1s, crea una variable para almacenar la URL de la API Kinsta:<\/p>\n<pre><code class=\"\u201dlanguage-js\u201d\">const KinstaAPIUrl = 'https:\/\/api.kinsta.com\/v2';<\/code><\/pre>\n<p>Una vez hecho esto, adjunta un evento <code>onClick<\/code> con una funci\u00f3n <code>CheckQuery()<\/code> al bot\u00f3n de env\u00edo del formulario en la p\u00e1gina <strong>Service.jsx<\/strong>, para que active una funci\u00f3n basada en el slug. Es decir, si el slug indica bases de datos, se activar\u00e1 la funci\u00f3n <code>CheckDatabases()<\/code>:<\/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>Obtener una Lista de Sitios con la API de Kinsta<\/h4>\n<p>Para obtener una lista de sitios disponibles en tu cuenta de empresa MyKinsta con la API Kinsta, crear\u00e1s una funci\u00f3n, pasar\u00e1s una consulta con el ID de la empresa como par\u00e1metro y, a continuaci\u00f3n, autorizar\u00e1s la solicitud con tu clave API. Esta solicitud utilizar\u00e1 el endpoint <code>\/sites<\/code> de la API Kinsta:<\/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>Este c\u00f3digo de arriba recuperar\u00e1 todos los sitios disponibles en tu cuenta MyKinsta, ahora puedes utilizar el m\u00e9todo <code>find()<\/code> para buscar si la consulta coincide con alg\u00fan <strong>nombre<\/strong> o <strong>nombre para mostrar<\/strong>:<\/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>Con esto, puedes crear algunas condiciones para comprobar si devuelve alg\u00fan valor, a continuaci\u00f3n, establece los estados de lo contrario la actualizaci\u00f3n del estado de error para informar al usuario de que tal sitio no existe:<\/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>Cuando pongas todo esto junto, este es el aspecto que tendr\u00e1 tu c\u00f3digo para comprobar el estado de un sitio concreto:<\/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>Nota:<\/strong> Los tres estados se inicializan como cadenas vac\u00edas cada vez que se activa la funci\u00f3n <code>CheckSites()<\/code>. Esto es necesario para garantizar que se borran todos los datos de b\u00fasqueda anteriores.<\/p>\n<h4>Obtener la Lista de Aplicaciones con la API de Kinsta<\/h4>\n<p>Al igual que hiciste para los sitios, utilizar\u00e1s el endpoint <code>\/applications<\/code>, pasar\u00e1s una consulta que contenga el ID de la empresa y tambi\u00e9n utilizar\u00e1s el m\u00e9todo <code>find()<\/code> para buscar en el array devuelto:<\/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>Obtener una Lista de Bases de Datos con la API Kinsta<\/h4>\n<p>Para obtener una lista de bases de datos, utilizar\u00e1s el endpoint <code>\/databases<\/code> de la API Kinsta:<\/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>Una vez hecho esto. Has utilizado con \u00e9xito la API Kinsta en tu proyecto React. Para asegurarte de que tu aplicaci\u00f3n funciona bien, a\u00f1ade a tu c\u00f3digo de marcado los datos devueltos por estas funciones, que se han ajustado a los estados que hemos creado antes:<\/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>Adem\u00e1s, a\u00f1ade una condici\u00f3n que se active cuando se produzca un error. Por ejemplo, cuando un usuario busca un proyecto que no existe en MyKinsta, se desencadena el error.<\/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>Llegados a este punto, tu proyecto funcionar\u00e1 correctamente, y podr\u00e1s comprobar el estado de las aplicaciones, sitios o bases de datos disponibles en tu panel de MyKinsta. Puedes cotejar tu c\u00f3digo con este <a href=\"https:\/\/github.com\/kinsta\/status-checker\" target=\"_blank\" rel=\"noopener noreferrer\">repositorio de GitHub<\/a>.<\/p>\n<h3>C\u00f3mo Desplegar tu Comprobador de Estado en Kinsta<\/h3>\n<p>Para desplegar tu proyecto React en Kinsta, necesitas enviar el proyecto a tu <a href=\"https:\/\/docs.sevalla.com\/applications\/get-started\/add-an-application#adding-an-application\">proveedor Git preferido<\/a>. Cuando tu proyecto est\u00e9 alojado en <a href=\"https:\/\/kinsta.com\/es\/blog\/que-es-github\/\">GitHub<\/a>, <a href=\"https:\/\/kinsta.com\/es\/blog\/gitlab-vs-github\/\">GitLab<\/a> o <a href=\"https:\/\/kinsta.com\/es\/blog\/bitbucket-vs-github\/\">Bitbucket<\/a>, puedes proceder a desplegarlo en Kinsta.<\/p>\n<p>Para desplegar tu repositorio en Kinsta, sigue estos pasos:<\/p>\n<ol start=\"1\">\n<li>Inicia sesi\u00f3n o crea tu cuenta Kinsta en el panel <a href=\"https:\/\/my.kinsta.com\/?lang=es\">MyKinsta<\/a>.<\/li>\n<li>En la barra lateral izquierda, haz clic en \u00abAplicaciones\u00bb y luego en \u00abA\u00f1adir servicio\u00bb.<\/li>\n<li>Selecciona \u00abAplicaci\u00f3n\u00bb en el men\u00fa desplegable para desplegar una aplicaci\u00f3n React en Kinsta.<\/li>\n<li>En el modal que aparece, elige el repositorio que quieres desplegar. Si tienes varias ramas, puedes seleccionar la rama deseada y dar un nombre a tu aplicaci\u00f3n.<\/li>\n<li>Selecciona una de las ubicaciones de centros de datos disponibles de la lista de 25 opciones. Kinsta detectar\u00e1 autom\u00e1ticamente el comando de inicio para tu aplicaci\u00f3n.<\/li>\n<\/ol>\n<p>Por \u00faltimo, no es seguro enviar claves API a alojamientos p\u00fablicos como tu proveedor de Git. Cuando alojes, puedes a\u00f1adirlas como <a href=\"https:\/\/docs.sevalla.com\/applications\/environment-variables\">variables de entorno<\/a> utilizando el mismo nombre de variable y valor especificados en el <strong> archivo .env<\/strong>.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/06\/set-environment-variable-devkinsta.jpg\" alt=\"Establece variables de entorno en DevKinsta al desplegar.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Establece variables de entorno en DevKinsta al desplegar.<\/figcaption><\/figure>\n<p>Una vez que inicies el despliegue de tu aplicaci\u00f3n, comenzar\u00e1 el proceso y normalmente se completar\u00e1 en unos minutos. Recibir\u00e1s un enlace para acceder a la versi\u00f3n desplegada de tu aplicaci\u00f3n cuando el despliegue se haya realizado con \u00e9xito. Por ejemplo, en este caso, el enlace es <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>Puedes activar el despliegue autom\u00e1tico, para que Kinsta vuelva a desplegar tu aplicaci\u00f3n siempre que cambies tu c\u00f3digo base y lo env\u00edes a GitHub.<\/p>\n<\/aside>\n\n<h2>Resumen<\/h2>\n<p>La clave API de Kinsta te permite automatizar f\u00e1cilmente tareas, recuperar datos e integrar Kinsta con otras aplicaciones. Recuerda mantener segura tu clave de acceso.<\/p>\n<p>Ahora puedes aprovechar la potencia de la <a href=\"https:\/\/kinsta.com\/es\/docs\/api-kinsta\/\">API de Kinsta<\/a> para realizar algunos <a href=\"https:\/\/kinsta.com\/es\/docs\/api-kinsta\/#reporting\">informes<\/a>, <a href=\"https:\/\/kinsta.com\/es\/docs\/api-kinsta\/#scheduled-tasks\">programar tareas<\/a>, <a href=\"https:\/\/kinsta.com\/es\/docs\/api-kinsta\/#wordpress-site-creation\">crear sitios de WordPress<\/a> y automatizar diversas actividades.<\/p>\n<p><em>\u00bfQu\u00e9 endpoint te gustar\u00eda que se a\u00f1adiera a la API de Kinsta? <\/em><em>H\u00e1znoslo saber en los comentarios.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kinsta es una plataforma en la nube dise\u00f1ada para ayudar a las empresas y a los equipos de desarrollo a enviar y gestionar sus proyectos web &#8230;<\/p>\n","protected":false},"author":287,"featured_media":67667,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1270,1337],"class_list":["post-67666","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-api","topic-herramientas-de-desarrollo-web"],"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>C\u00f3mo Crear y Utilizar la Clave de Acceso a la API de Kinsta - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Aprende a crear y utilizar sin esfuerzo tu clave de acceso a la API de Kinsta para una integraci\u00f3n perfecta y una mejor gesti\u00f3n de tu sitio web.\" \/>\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\/es\/blog\/kinsta-api-key\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo Crear y Utilizar la Clave de Acceso a la API de Kinsta\" \/>\n<meta property=\"og:description\" content=\"Aprende a crear y utilizar sin esfuerzo tu clave de acceso a la API de Kinsta para una integraci\u00f3n perfecta y una mejor gesti\u00f3n de tu sitio web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-04T14:35:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-23T15:33:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/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=\"Aprende a crear y utilizar sin esfuerzo tu clave de acceso a la API de Kinsta para una integraci\u00f3n perfecta y una mejor gesti\u00f3n de tu sitio web.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/07\/kinsta-api-key.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@olawanle_joel\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joel Olawanle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"C\u00f3mo Crear y Utilizar la Clave de Acceso a la API de Kinsta\",\"datePublished\":\"2023-07-04T14:35:18+00:00\",\"dateModified\":\"2023-08-23T15:33:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/\"},\"wordCount\":2287,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/07\/kinsta-api-key.jpg\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/\",\"name\":\"C\u00f3mo Crear y Utilizar la Clave de Acceso a la API de Kinsta - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/07\/kinsta-api-key.jpg\",\"datePublished\":\"2023-07-04T14:35:18+00:00\",\"dateModified\":\"2023-08-23T15:33:37+00:00\",\"description\":\"Aprende a crear y utilizar sin esfuerzo tu clave de acceso a la API de Kinsta para una integraci\u00f3n perfecta y una mejor gesti\u00f3n de tu sitio web.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/07\/kinsta-api-key.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/07\/kinsta-api-key.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"API\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/api\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"C\u00f3mo Crear y Utilizar la Clave de Acceso a la API de Kinsta\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"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\/es\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/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\/es\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"C\u00f3mo Crear y Utilizar la Clave de Acceso a la API de Kinsta - Kinsta\u00ae","description":"Aprende a crear y utilizar sin esfuerzo tu clave de acceso a la API de Kinsta para una integraci\u00f3n perfecta y una mejor gesti\u00f3n de tu sitio web.","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\/es\/blog\/kinsta-api-key\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo Crear y Utilizar la Clave de Acceso a la API de Kinsta","og_description":"Aprende a crear y utilizar sin esfuerzo tu clave de acceso a la API de Kinsta para una integraci\u00f3n perfecta y una mejor gesti\u00f3n de tu sitio web.","og_url":"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2023-07-04T14:35:18+00:00","article_modified_time":"2023-08-23T15:33:37+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/07\/kinsta-api-key.jpg","type":"image\/jpeg"}],"author":"Joel Olawanle","twitter_card":"summary_large_image","twitter_description":"Aprende a crear y utilizar sin esfuerzo tu clave de acceso a la API de Kinsta para una integraci\u00f3n perfecta y una mejor gesti\u00f3n de tu sitio web.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/07\/kinsta-api-key.jpg","twitter_creator":"@olawanle_joel","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Joel Olawanle","Tiempo de lectura":"13 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"C\u00f3mo Crear y Utilizar la Clave de Acceso a la API de Kinsta","datePublished":"2023-07-04T14:35:18+00:00","dateModified":"2023-08-23T15:33:37+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/"},"wordCount":2287,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/07\/kinsta-api-key.jpg","inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/","url":"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/","name":"C\u00f3mo Crear y Utilizar la Clave de Acceso a la API de Kinsta - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/07\/kinsta-api-key.jpg","datePublished":"2023-07-04T14:35:18+00:00","dateModified":"2023-08-23T15:33:37+00:00","description":"Aprende a crear y utilizar sin esfuerzo tu clave de acceso a la API de Kinsta para una integraci\u00f3n perfecta y una mejor gesti\u00f3n de tu sitio web.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/07\/kinsta-api-key.jpg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/07\/kinsta-api-key.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/kinsta-api-key\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"API","item":"https:\/\/kinsta.com\/es\/secciones\/api\/"},{"@type":"ListItem","position":3,"name":"C\u00f3mo Crear y Utilizar la Clave de Acceso a la API de Kinsta"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","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\/es\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/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\/es\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/67666","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=67666"}],"version-history":[{"count":9,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/67666\/revisions"}],"predecessor-version":[{"id":68841,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/67666\/revisions\/68841"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/67666\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/67666\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/67666\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/67666\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/67666\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/67666\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/67666\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/67666\/translations\/es"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/67666\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/67667"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=67666"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=67666"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=67666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}