{"id":60800,"date":"2023-07-04T11:39:18","date_gmt":"2023-07-04T14:39:18","guid":{"rendered":"https:\/\/kinsta.com\/pt\/?p=60800&#038;preview=true&#038;preview_id=60800"},"modified":"2025-01-31T11:14:08","modified_gmt":"2025-01-31T14:14:08","slug":"chave-api-kinsta","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/","title":{"rendered":"Como Criar e Usar a Chave de Acesso \u00e0 API da Kinsta"},"content":{"rendered":"<p>Kinsta \u00e9 uma <a href=\"https:\/\/kinsta.com\/pt\/blog\/plataforma-de-nuvem-para-desenvolvedores\/\">plataforma de nuvem<\/a> projetada para ajudar empresas e equipes de desenvolvimento a lan\u00e7ar e gerenciar seus projetos da web de forma mais r\u00e1pida e eficiente.<\/p>\n<p>A Kinsta fornece aos <a href=\"https:\/\/kinsta.com\/pt\/blog\/tipos-de-desenvolvedores\/\">desenvolvedores<\/a> e usu\u00e1rios uma <a href=\"https:\/\/kinsta.com\/pt\/blog\/rest-api-vs-web-api\/\">API<\/a> para gerenciar seus <a href=\"https:\/\/kinsta.com\/pt\/hospedagem-wordpress\/\">sites<\/a>, <a href=\"https:\/\/sevalla.com\/application-hosting\/\">aplicativos<\/a> e <a href=\"https:\/\/sevalla.com\/database-hosting\/\">bancos de dados<\/a> WordPress de forma program\u00e1tica.<\/p>\n<p>A <a href=\"https:\/\/kinsta.com\/pt\/docs\/kinsta-api\/\">API da Kinsta<\/a> pode ser usada para automatizar tarefas, recuperar dados e integrar a Kinsta a outros aplicativos sem acessar o <a href=\"https:\/\/kinsta.com\/pt\/mykinsta\/\">MyKinsta<\/a>. Para acessar a API, voc\u00ea precisa de uma chave API. Este artigo explica o processo de cria\u00e7\u00e3o e uso de uma chave API da 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>Como criar uma chave API<\/h2>\n<p>Para usar a API da Kinsta, voc\u00ea deve ter uma conta com pelo menos um site, aplicativo ou banco de dados WordPress no MyKinsta. Voc\u00ea tamb\u00e9m precisar\u00e1 gerar uma chave API para autenticar e acessar sua conta atrav\u00e9s da API. Para gerar uma chave API:<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Trate sua chave API como informa\u00e7\u00e3o sens\u00edvel e mantenha segura. Evite compartilhar a chave com pessoas n\u00e3o autorizadas. Se estiver trabalhando em um projeto colaborativo, use um <a href=\"https:\/\/kinsta.com\/pt\/blog\/gerenciadores-de-senhas\/\">gerenciador de senhas<\/a> como o 1Password para compartilh\u00e1-la com seguran\u00e7a.<\/p>\n<\/aside>\n\n<ol start=\"1\">\n<li>V\u00e1 para o <a href=\"https:\/\/my.kinsta.com\/?lang=pt\">painel MyKinsta<\/a>.<\/li>\n<li>Navegue at\u00e9 a p\u00e1gina <strong>Chave API <\/strong>(<strong>Seu nome<\/strong> &gt; <strong>Configura\u00e7\u00f5es da empresa<\/strong> &gt; <strong>Chaves API<\/strong>).<\/li>\n<li>Clique em <strong>Criar chave<\/strong> <strong>API<\/strong>.<\/li>\n<li>Escolha uma expira\u00e7\u00e3o ou defina uma data de in\u00edcio personalizada e o n\u00famero de horas para a chave expirar.<\/li>\n<li>D\u00ea \u00e0 chave um nome exclusivo.<\/li>\n<li>Clique em <strong>Gerar<\/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=\"Criar chave API no MyKinsta\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Criar chave API no MyKinsta.<\/figcaption><\/figure>\n<p>Ap\u00f3s criar uma chave de API, fa\u00e7a uma c\u00f3pia e armazene-a em um local seguro, pois essa <strong>ser\u00e1 a \u00fanica vez em que voc\u00ea poder\u00e1 visualiz\u00e1-la<\/strong>. Voc\u00ea pode gerar v\u00e1rias chaves API, e elas ser\u00e3o listadas na p\u00e1gina de <strong>Chaves API<\/strong>. Se precisar revogar uma chave de API, clique em &#8220;<strong>Revogar<\/strong>&#8221; ao lado da chave que deseja revogar.<\/p>\n<h2>Como usar a API da Kinsta com sua chave API<\/h2>\n<p>Ap\u00f3s ter a chave API, voc\u00ea pode interagir com todos os servi\u00e7os da Kinsta (sites WordPress, aplicativos e bancos de dados) por meio da <a href=\"https:\/\/kinsta.com\/pt\/changelog\/kinsta-api\/\">API da Kinsta<\/a>, como obter uma <a href=\"https:\/\/api-docs.kinsta.com\/tag\/Databases#paths\/~1databases\/get\" target=\"_blank\" rel=\"noopener noreferrer\">lista de bancos de dados por ID da empresa<\/a>, <a href=\"https:\/\/api-docs.kinsta.com\/tag\/WordPress-Sites#paths\/~1sites\/get\" target=\"_blank\" rel=\"noopener noreferrer\">sites da empresa<\/a>, criar um site WordPress e muito mais.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>H\u00e1 tamb\u00e9m um endpoint dedicado para cada chamada API; certos par\u00e2metros tamb\u00e9m est\u00e3o bem documentados para ajudar voc\u00ea a saber como fazer essas chamadas.<\/p>\n<\/aside>\n\n<p>Por exemplo, para obter uma lista de sites de empresas em seu MyKinsta, o endpoint \u00e9 <code>\/sites<\/code>. A chave da API servir\u00e1 como cabe\u00e7alho de autoriza\u00e7\u00e3o; voc\u00ea tamb\u00e9m adicionar\u00e1 o ID da empresa (par\u00e2metro obrigat\u00f3rio). Veja como voc\u00ea pode fazer essa solicita\u00e7\u00e3o de API usando 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>Substitua <code>YOUR_API_KEY_HERE<\/code> pela chave API real que voc\u00ea gerou e\u00a0<code>COMPANY_ID_HERE<\/code> com o ID exclusivo da sua empresa. Isso retornar\u00e1 uma resposta JSON de todos os sites da empresa em seu painel 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>Outro exemplo, suponha que voc\u00ea queira buscar um site espec\u00edfico por ID (solicita\u00e7\u00e3o GET). Voc\u00ea pode usar o endpoint <code>\/sites\/{site_id}<\/code>. <code>{site_id}<\/code> ser\u00e1 substitu\u00eddo pelo ID exclusivo do site espec\u00edfico que voc\u00ea deseja buscar. Veja como voc\u00ea pode fazer essa solicita\u00e7\u00e3o de API usando o 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>A <a href=\"https:\/\/kinsta.com\/pt\/docs\/kinsta-api\/#rate-limit\">API possui um limite<\/a> de 60 solicita\u00e7\u00f5es por minuto, com exce\u00e7\u00e3o da cria\u00e7\u00e3o de sites, que \u00e9 limitada a 5 solicita\u00e7\u00f5es por minuto. Voc\u00ea pode verificar os cabe\u00e7alhos RateLimit na resposta mais recente da API para ver o <a href=\"https:\/\/kinsta.com\/pt\/blog\/limitacao-de-taxa-api\/\">status atual do seu limite de taxa<\/a>. Atualmente, n\u00e3o \u00e9 poss\u00edvel aumentar o limite de taxa.<\/p>\n<\/aside>\n\n<p>H\u00e1 muito mais que voc\u00ea pode fazer com a API da Kinsta. Para obter detalhes completos sobre os endpoints dispon\u00edveis e os par\u00e2metros necess\u00e1rios, fazer o download da nossa especifica\u00e7\u00e3o OpenAPI e testar os endpoints, consulte \u00e0 nossa <a href=\"https:\/\/api-docs.kinsta.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Refer\u00eancia de API<\/a>.<\/p>\n<h3>Permiss\u00f5es<\/h3>\n<p>As permiss\u00f5es de acesso \u00e0 API da Kinsta dependem da <a href=\"https:\/\/kinsta.com\/pt\/docs\/configuracoes-da-empresa\/gerenciamento-de-usuarios\/#user-roles\">fun\u00e7\u00e3o do usu\u00e1rio<\/a> dentro da empresa, pois <strong>os propriet\u00e1rios, administradores e desenvolvedores da empresa<\/strong> podem criar chaves de API.<\/p>\n<p>Por exemplo, uma chave API gerada por um desenvolvedor n\u00e3o ter\u00e1 o mesmo n\u00edvel de acesso que uma chave gerada por um propriet\u00e1rio ou administrador da empresa. As permiss\u00f5es espec\u00edficas associadas a cada fun\u00e7\u00e3o de usu\u00e1rio garantem o controle de acesso e a seguran\u00e7a adequados para a API da Kinsta.<\/p>\n<h2>Como usar a API da Kinsta para criar um verificador de status<\/h2>\n<p>Quando voc\u00ea cria um aplicativo, site ou banco de dados no MyKinsta, ele passa por diferentes est\u00e1gios. Uma maneira de identificar esses est\u00e1gios \u00e9 por meio de seu status. Por exemplo, um aplicativo implantado na Kinsta ter\u00e1 um status para quando estiver sendo implantado, implantado com sucesso ou com falha.<\/p>\n<p>A API da Kinsta fornece <a href=\"https:\/\/kinsta.com\/pt\/blog\/endpoint-api\/\">endpoints<\/a> que permitem que voc\u00ea recuperar informa\u00e7\u00f5es de status sobre seus projetos no MyKinsta. Neste projeto, voc\u00ea interagir\u00e1 com tr\u00eas endpoints, ou seja, <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>, e <code><a href=\"https:\/\/api-docs.kinsta.com\/tag\/Databases#paths\/~1databases\/get\">\/databases<\/a><\/code>, para buscar uma array de todos os aplicativos, sites e bancos de dados usando a <a href=\"https:\/\/kinsta.com\/pt\/blog\/solicitacoes-http-javascript\/#4-how-to-make-an-http-request-in-javascript-using-the-fetch-api\">API Fetch do JavaScript<\/a>.<\/p>\n<p>Ap\u00f3s recuperar a lista, voc\u00ea pode usar o m\u00e9todo <code>find()<\/code> em JavaScript para pesquisar um nome de projeto espec\u00edfico inserido na interface do usu\u00e1rio (UI). Isso retorna o nome e o status do projeto, se ele existir.<\/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=\"Aplicativo web de verifica\u00e7\u00e3o de status\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Aplicativo web de verifica\u00e7\u00e3o de status.<\/figcaption><\/figure>\n<h3>Pr\u00e9-requisito<\/h3>\n<p>Para acompanhar este projeto, \u00e9 aconselh\u00e1vel ter um entendimento b\u00e1sico de <a href=\"https:\/\/kinsta.com\/pt\/blog\/o-que-e-html\/\">HTML<\/a>, <a href=\"https:\/\/kinsta.com\/pt\/blog\/melhores-praticas-css\/\">CSS<\/a> e <a href=\"https:\/\/kinsta.com\/javascript\/\">JavaScript<\/a>, al\u00e9m de alguma familiaridade com <a href=\"https:\/\/kinsta.com\/pt\/blog\/o-que-e-react-js\/\">React<\/a>. O foco principal deste projeto \u00e9 demonstrar a utiliza\u00e7\u00e3o da API da Kinsta, portanto, o artigo n\u00e3o abordar\u00e1 em detalhes a cria\u00e7\u00e3o de interface do usu\u00e1rio ou estiliza\u00e7\u00e3o.<\/p>\n<p>Voc\u00ea pode criar um reposit\u00f3rio Git usando esse <a href=\"https:\/\/github.com\/kinsta\/status-checker\" target=\"_blank\" rel=\"noopener noreferrer\">modelo no GitHub<\/a>. Selecione <strong>Usar este modelo<\/strong> &gt; <strong>Criar um novo reposit\u00f3rio<\/strong> para copiar o c\u00f3digo inicial em um novo reposit\u00f3rio em sua pr\u00f3pria conta do GitHub e certifique-se de que voc\u00ea marque a caixa para <strong>incluir todas as branches<\/strong>. Quando voc\u00ea mover para o computador local, certifique-se de mudar para o <strong><a href=\"https:\/\/github.com\/kinsta\/status-checker\/tree\/status-checker-ui\" target=\"_blank\" rel=\"noopener noreferrer\">status-checker-ui<\/a><\/strong> para usar os arquivos iniciais usando o comando abaixo:<\/p>\n<pre><code class=\"language-bash\">git checkout status-checker-ui<\/code><\/pre>\n<p>Instale as depend\u00eancias necess\u00e1rias executando o comando <code>npm install<\/code>. Quando a instala\u00e7\u00e3o estiver conclu\u00edda, voc\u00ea poder\u00e1 iniciar o projeto no computador local usando o comando <code>npm run start<\/code>. Isso abrir\u00e1 o projeto em <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=\"Verifique o status dos projetos MyKinsta\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Verifique o status dos projetos MyKinsta.<\/figcaption><\/figure>\n<p>Este projeto possui duas p\u00e1ginas principais: a <strong>p\u00e1gina inicial (Home)<\/strong> e a <strong>p\u00e1gina de servi\u00e7o (Service)<\/strong>. A <strong>p\u00e1gina inicial<\/strong> exibe uma lista de servi\u00e7os fornecidos pela Kinsta (hospedagem de WordPress, aplicativos e bancos de dados). Ao clicar em qualquer um dos servi\u00e7os, voc\u00ea \u00e9 direcionado para a <strong>p\u00e1gina de servi\u00e7o<\/strong>, que \u00e9 projetada para fornecer informa\u00e7\u00f5es espec\u00edficas relacionadas ao servi\u00e7o selecionado.<\/p>\n<p>Por exemplo, ao clicar na se\u00e7\u00e3o &#8220;Aplicativos&#8221;, voc\u00ea ser\u00e1 redirecionado para a <strong>p\u00e1gina do servi\u00e7o<\/strong> dedicada aos aplicativos. Voc\u00ea pode pesquisar qualquer aplicativo dentro da sua conta MyKinsta nessa p\u00e1gina, para que ele recupere o status do aplicativo usando seu nome exclusivo ou nome de exibi\u00e7\u00e3o.<\/p>\n<h3>Interagindo com a API da Kinsta<\/h3>\n<p>Para implementar o recurso de pesquisa para este projeto, voc\u00ea criaria tr\u00eas fun\u00e7\u00f5es para lidar com solicita\u00e7\u00f5es de busca para cada servi\u00e7o (aplicativos, sites e bancos de dados). Em seguida, voc\u00ea implementar\u00e1 uma funcionalidade de pesquisa que varre toda a array de dados para verificar se um determinado valor de pesquisa existe.<\/p>\n<p>Voc\u00ea precisa do <strong>ID da<\/strong> <strong>sua<\/strong> <strong>empresa<\/strong> e da <strong>chave API<\/strong> para interagir com a API da Kinsta, de modo que possa obter uma lista de bancos de dados, aplicativos e sites dispon\u00edveis na sua conta MyKinsta. Assim que voc\u00ea os tiver, armazene como <a href=\"https:\/\/kinsta.com\/pt\/blog\/o-que-sao-variaveis-de-ambiente\/\">vari\u00e1veis de ambiente<\/a> em seu aplicativo React, criando um <strong> arquivo .env<\/strong> na pasta raiz do seu projeto.<\/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>Agora voc\u00ea pode acessar esses valores em qualquer lugar do seu projeto usando <code>process.env.THE_VARIABLE<\/code>. Por exemplo, para acessar <code>REACT_APP_KINSTA_COMPANY_ID<\/code>, voc\u00ea usa <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>Certifique-se de que voc\u00ea adicionou o <strong> arquivo .env<\/strong> ao seu <a href=\"https:\/\/kinsta.com\/pt\/blog\/nao-funcionamento-do-gitignore\/\">arquivo <strong>.gitignore<\/strong><\/a> para que ele n\u00e3o seja enviado ao GitHub, pois cont\u00e9m informa\u00e7\u00f5es que n\u00e3o devem ser compartilhadas on-line para que todos possam ver.<\/p>\n<\/aside>\n\n<p>Antes de usar a API, crie tr\u00eas estados na p\u00e1gina <strong>Service.jsx<\/strong> para armazenar o status e o nome da sa\u00edda gerada quando voc\u00ea pesquisar um site, aplicativo ou banco de dados. O terceiro estado \u00e9 para armazenar informa\u00e7\u00f5es de erro.<\/p>\n<pre><code class=\"language-jsx\">let [status, setStatus] = useState('');\nlet [name, setName] = useState('');\nlet [error, setError] = useState('');<\/code><\/pre>\n<p>Al\u00e9m disso, crie uma vari\u00e1vel para armazenar a URL da API da Kinsta:<\/p>\n<pre><code class=\"\u201dlanguage-js\u201d\">const KinstaAPIUrl = 'https:\/\/api.kinsta.com\/v2';<\/code><\/pre>\n<p>Quando terminar, anexe um evento <code>onClick<\/code> com uma fun\u00e7\u00e3o <code>CheckQuery()<\/code> ao bot\u00e3o de envio do formul\u00e1rio na p\u00e1gina <strong>Service.jsx<\/strong>, para que ele acione uma fun\u00e7\u00e3o com base na slug. Ou seja, se a slug indicar bancos de dados, a fun\u00e7\u00e3o <code>CheckDatabases()<\/code> ser\u00e1 acionada:<\/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>Obter lista de sites com a API Kinsta<\/h4>\n<p>Para obter uma lista de sites dispon\u00edveis na conta da sua empresa MyKinsta com a API da Kinsta, voc\u00ea criar\u00e1 uma fun\u00e7\u00e3o, passar\u00e1 uma consulta com o ID da empresa como par\u00e2metro e, em seguida, autorizar\u00e1 a solicita\u00e7\u00e3o com sua chave API. Essa solicita\u00e7\u00e3o usar\u00e1 o endpoint <code>\/sites<\/code> da API da 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>Esse c\u00f3digo acima buscar\u00e1 todos os sites dispon\u00edveis em sua conta MyKinsta. Agora voc\u00ea pode usar o m\u00e9todo <code>find()<\/code> para pesquisar se a consulta de pesquisa corresponde a algum <strong>nome<\/strong> ou <strong>nome de exibi\u00e7\u00e3o<\/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>Com isso, voc\u00ea pode criar algumas condi\u00e7\u00f5es para verificar se ele retorna algum valor e, em seguida, definir os estados, caso contr\u00e1rio, atualizar o estado de erro com uma mensagem para informar ao usu\u00e1rio que esse site n\u00e3o 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>Quando voc\u00ea junta tudo isso, o c\u00f3digo para verificar o status de um site espec\u00edfico fica assim:<\/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>Observa\u00e7\u00e3o:<\/strong> Todos os tr\u00eas estados s\u00e3o inicializados como strings de caracteres vazias sempre que a fun\u00e7\u00e3o <code>CheckSites()<\/code> \u00e9 acionada. Isso \u00e9 necess\u00e1rio para garantir que todos os dados de pesquisa anteriores sejam apagados.<\/p>\n<h4>Obter lista de aplicativos com a API da Kinsta<\/h4>\n<p>Assim como fez com os sites, voc\u00ea usar\u00e1 o endpoint <code>\/applications<\/code>, passar\u00e1 uma consulta que cont\u00e9m o ID da empresa e tamb\u00e9m usar\u00e1 o m\u00e9todo <code>find()<\/code> para pesquisar a array retornada:<\/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>Obter uma lista de bancos de dados com a API da Kinsta<\/h4>\n<p>Para buscar uma lista de bancos de dados, voc\u00ea usar\u00e1 o endpoint <code>\/databases<\/code> da 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>Quando isso for feito. Voc\u00ea usou com sucesso a API Kinsta em seu projeto React. Para garantir que seu aplicativo funcione bem, adicione os dados retornados por essas fun\u00e7\u00f5es, que foram definidos para os estados que criamos anteriormente, ao seu c\u00f3digo de marca\u00e7\u00e3o:<\/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>Al\u00e9m disso, adicione uma condi\u00e7\u00e3o que ser\u00e1 acionada quando houver um erro. Por exemplo, quando um usu\u00e1rio procura um projeto que n\u00e3o existe no MyKinsta, o erro \u00e9 acionado.<\/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>Nesse ponto, seu projeto funcionar\u00e1 bem e voc\u00ea poder\u00e1 verificar o status dos aplicativos, sites ou bancos de dados dispon\u00edveis no painel MyKinsta. Voc\u00ea pode fazer uma verifica\u00e7\u00e3o cruzada do seu c\u00f3digo com este <a href=\"https:\/\/github.com\/kinsta\/status-checker\" target=\"_blank\" rel=\"noopener noreferrer\">reposit\u00f3rio do GitHub<\/a>.<\/p>\n<h3>Como implantar seu verificador de status na Kinsta<\/h3>\n<p>Para implantar seu projeto React na Kinsta, voc\u00ea precisa enviar o projeto para o seu <a href=\"https:\/\/docs.sevalla.com\/applications\/get-started\/add-an-application#adding-an-application\">provedor Git preferido<\/a>. Quando seu projeto estiver hospedado no <a href=\"https:\/\/kinsta.com\/pt\/blog\/que-github\/\">GitHub<\/a>, no <a href=\"https:\/\/kinsta.com\/pt\/blog\/gitlab-vs-github\/\">GitLab<\/a> ou no <a href=\"https:\/\/kinsta.com\/pt\/blog\/bitbucket-vs-github\/\">Bitbucket<\/a>, voc\u00ea poder\u00e1 prosseguir com a implanta\u00e7\u00e3o na Kinsta.<\/p>\n<p>Para implantar seu reposit\u00f3rio na Kinsta, siga estas etapas:<\/p>\n<ol start=\"1\">\n<li>Fa\u00e7a login ou crie sua conta Kinsta no painel <a href=\"https:\/\/my.kinsta.com\/?lang=pt\">MyKinsta<\/a>.<\/li>\n<li>Na barra lateral esquerda, clique em &#8220;Aplicativos&#8221; e depois em &#8220;Adicionar servi\u00e7o&#8221;.<\/li>\n<li>Selecione &#8220;Aplicativo&#8221; no menu suspenso para implantar um aplicativo React na Kinsta.<\/li>\n<li>No modal que aparece, escolha o reposit\u00f3rio que voc\u00ea deseja implantar. Se voc\u00ea tiver v\u00e1rias branches, poder\u00e1 selecionar a branch desejada e dar um nome ao seu aplicativo.<\/li>\n<li>Selecione um dos 25 locais de centro de dados dispon\u00edveis. A Kinsta detectar\u00e1 automaticamente o comando start para o seu aplicativo.<\/li>\n<\/ol>\n<p>Por fim, n\u00e3o \u00e9 seguro enviar chaves API para hospedagens de sites p\u00fablicos, como seu provedor Git. Ao hospedar, voc\u00ea pode adicion\u00e1-las como <a href=\"https:\/\/docs.sevalla.com\/applications\/environment-variables\">vari\u00e1veis de ambiente<\/a> usando o mesmo nome e valor de vari\u00e1vel especificados no <strong> arquivo .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=\"Defina as vari\u00e1veis de ambiente no DevKinsta quando voc\u00ea estiver implementando\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Defina as vari\u00e1veis de ambiente no DevKinsta quando voc\u00ea estiver implementando.<\/figcaption><\/figure>\n<p>Quando voc\u00ea iniciar a implanta\u00e7\u00e3o do seu aplicativo, o processo come\u00e7ar\u00e1 e, normalmente, ser\u00e1 conclu\u00eddo em alguns minutos. Voc\u00ea receber\u00e1 um link para acessar a vers\u00e3o implantada do seu aplicativo quando a implanta\u00e7\u00e3o for bem-sucedida. Por exemplo, neste caso, o link \u00e9 <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>Voc\u00ea pode ativar a implanta\u00e7\u00e3o autom\u00e1tica para que a Kinsta reimplante seu aplicativo sempre que voc\u00ea alterar sua base de c\u00f3digo e envi\u00e1-lo para o GitHub.<\/p>\n<\/aside>\n\n<h2>Resumo<\/h2>\n<p>A chave API da Kinsta permite que voc\u00ea automatize facilmente tarefas, recupere dados e integre a Kinsta com outros aplicativos. Lembre-se de manter sua chave de acesso segura.<\/p>\n<p>Agora voc\u00ea pode aproveitar o poder da <a href=\"https:\/\/kinsta.com\/pt\/docs\/kinsta-api\/\">API da Kinsta<\/a> para fazer alguns <a href=\"https:\/\/kinsta.com\/pt\/docs\/kinsta-api\/#reporting\">relat\u00f3rios<\/a>, <a href=\"https:\/\/kinsta.com\/pt\/docs\/kinsta-api\/#scheduled-tasks\">agendar tarefas<\/a>, <a href=\"https:\/\/kinsta.com\/pt\/docs\/kinsta-api\/#wordpress-site-creation\">criar sites WordPress<\/a> e automatizar v\u00e1rias atividades.<\/p>\n<p><em>Gostar\u00edamos de saber qual endpoint voc\u00ea adoraria ver adicionado \u00e0 pr\u00f3xima vers\u00e3o da API da Kinsta. Por favor, compartilhe suas sugest\u00f5es nos coment\u00e1rios.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kinsta \u00e9 uma plataforma de nuvem projetada para ajudar empresas e equipes de desenvolvimento a lan\u00e7ar e gerenciar seus projetos da web de forma mais r\u00e1pida &#8230;<\/p>\n","protected":false},"author":287,"featured_media":60801,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[951,1018,1002,983],"class_list":["post-60800","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-api","topic-ferramentas-desenvolvimento-web","topic-react","topic-servicos-kinsta"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Como Criar e Usar a Chave de Acesso \u00e0 API da Kinsta - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Aprenda como criar e utilizar sua chave de acesso \u00e0 API da Kinsta de forma simples e aproveite integra\u00e7\u00f5es perfeitas e um gerenciamento aprimorado do seu site.\" \/>\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\/pt\/blog\/chave-api-kinsta\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como Criar e Usar a Chave de Acesso \u00e0 API da Kinsta\" \/>\n<meta property=\"og:description\" content=\"Aprenda como criar e utilizar sua chave de acesso \u00e0 API da Kinsta de forma simples e aproveite integra\u00e7\u00f5es perfeitas e um gerenciamento aprimorado do seu site.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-04T14:39:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-31T14:14:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/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=\"Aprenda como criar e utilizar sua chave de acesso \u00e0 API da Kinsta de forma simples e aproveite integra\u00e7\u00f5es perfeitas e um gerenciamento aprimorado do seu site.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/07\/kinsta-api-key.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@olawanle_joel\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joel Olawanle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\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\/pt\/blog\/chave-api-kinsta\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"Como Criar e Usar a Chave de Acesso \u00e0 API da Kinsta\",\"datePublished\":\"2023-07-04T14:39:18+00:00\",\"dateModified\":\"2025-01-31T14:14:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/\"},\"wordCount\":2281,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/07\/kinsta-api-key.jpg\",\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/\",\"name\":\"Como Criar e Usar a Chave de Acesso \u00e0 API da Kinsta - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/07\/kinsta-api-key.jpg\",\"datePublished\":\"2023-07-04T14:39:18+00:00\",\"dateModified\":\"2025-01-31T14:14:08+00:00\",\"description\":\"Aprenda como criar e utilizar sua chave de acesso \u00e0 API da Kinsta de forma simples e aproveite integra\u00e7\u00f5es perfeitas e um gerenciamento aprimorado do seu site.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/07\/kinsta-api-key.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/07\/kinsta-api-key.jpg\",\"width\":1460,\"height\":730,\"caption\":\"Como Criar e Usar a Chave de Acesso \u00e0 API da Kinsta\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"API\",\"item\":\"https:\/\/kinsta.com\/pt\/topicos\/api\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Como Criar e Usar a Chave de Acesso \u00e0 API da Kinsta\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/pt\/#website\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"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\/pt\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/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\/pt\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Como Criar e Usar a Chave de Acesso \u00e0 API da Kinsta - Kinsta\u00ae","description":"Aprenda como criar e utilizar sua chave de acesso \u00e0 API da Kinsta de forma simples e aproveite integra\u00e7\u00f5es perfeitas e um gerenciamento aprimorado do seu site.","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\/pt\/blog\/chave-api-kinsta\/","og_locale":"pt_PT","og_type":"article","og_title":"Como Criar e Usar a Chave de Acesso \u00e0 API da Kinsta","og_description":"Aprenda como criar e utilizar sua chave de acesso \u00e0 API da Kinsta de forma simples e aproveite integra\u00e7\u00f5es perfeitas e um gerenciamento aprimorado do seu site.","og_url":"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2023-07-04T14:39:18+00:00","article_modified_time":"2025-01-31T14:14:08+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/07\/kinsta-api-key.jpg","type":"image\/jpeg"}],"author":"Joel Olawanle","twitter_card":"summary_large_image","twitter_description":"Aprenda como criar e utilizar sua chave de acesso \u00e0 API da Kinsta de forma simples e aproveite integra\u00e7\u00f5es perfeitas e um gerenciamento aprimorado do seu site.","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/07\/kinsta-api-key.jpg","twitter_creator":"@olawanle_joel","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Joel Olawanle","Tempo estimado de leitura":"13 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"Como Criar e Usar a Chave de Acesso \u00e0 API da Kinsta","datePublished":"2023-07-04T14:39:18+00:00","dateModified":"2025-01-31T14:14:08+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/"},"wordCount":2281,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/07\/kinsta-api-key.jpg","inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/","url":"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/","name":"Como Criar e Usar a Chave de Acesso \u00e0 API da Kinsta - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/07\/kinsta-api-key.jpg","datePublished":"2023-07-04T14:39:18+00:00","dateModified":"2025-01-31T14:14:08+00:00","description":"Aprenda como criar e utilizar sua chave de acesso \u00e0 API da Kinsta de forma simples e aproveite integra\u00e7\u00f5es perfeitas e um gerenciamento aprimorado do seu site.","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/07\/kinsta-api-key.jpg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/07\/kinsta-api-key.jpg","width":1460,"height":730,"caption":"Como Criar e Usar a Chave de Acesso \u00e0 API da Kinsta"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/chave-api-kinsta\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"API","item":"https:\/\/kinsta.com\/pt\/topicos\/api\/"},{"@type":"ListItem","position":3,"name":"Como Criar e Usar a Chave de Acesso \u00e0 API da Kinsta"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/pt\/#website","url":"https:\/\/kinsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","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\/pt\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/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\/pt\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/60800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/users\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/comments?post=60800"}],"version-history":[{"count":8,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/60800\/revisions"}],"predecessor-version":[{"id":61204,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/60800\/revisions\/61204"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/60800\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/60800\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/60800\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/60800\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/60800\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/60800\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/60800\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/60800\/translations\/es"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/60800\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/60801"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=60800"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=60800"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=60800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}