O que voc\u00ea est\u00e1 construindo<\/h2>\n
Este tutorial explica como voc\u00ea pode criar um Slackbot (ou aplicativo Slack) que interage com a API da Kinsta<\/a> para recuperar informa\u00e7\u00f5es e entreg\u00e1-las como mensagens em tempo real para um canal designado do Slack usando os Webhooks de entrada da API do Slack<\/a>.<\/p>\n Para conseguir isso, voc\u00ea criar\u00e1 um aplicativo Node.js<\/a> com a framework Express<\/a> para criar uma interface de usu\u00e1rio para a cria\u00e7\u00e3o de sites WordPress<\/a> e integr\u00e1-la \u00e0 API da Kinsta. O aplicativo usa um formul\u00e1rio para coletar detalhes de configura\u00e7\u00e3o para o seu site WordPress e, em seguida, envia uma atualiza\u00e7\u00e3o em tempo real sobre as informa\u00e7\u00f5es do site e detalhes sobre como verificar seu status de opera\u00e7\u00e3o para o canal Slack especificado.<\/p>\n Para acompanhar este projeto, voc\u00ea deve ter o seguinte:<\/p>\n Para come\u00e7ar, crie um novo diret\u00f3rio para o seu aplicativo e inicialize com o npm:<\/p>\n Ap\u00f3s executar o comando Em seguida, instale as depend\u00eancias necess\u00e1rias para seu projeto. As seguintes depend\u00eancias s\u00e3o essenciais:<\/p>\n Para instalar essas depend\u00eancias, execute o comando abaixo:<\/p>\n Al\u00e9m disso, voc\u00ea precisar\u00e1 instalar as seguintes depend\u00eancias de desenvolvimento para facilitar a cria\u00e7\u00e3o e o teste do seu projeto Node.js:<\/p>\n Para instalar essas depend\u00eancias de desenvolvimento, execute o comando abaixo:<\/p>\n Depois que o package.json<\/strong> for inicializado e todas as depend\u00eancias estiverem instaladas, crie um novo arquivo, por exemplo, app.js<\/strong>.<\/p>\n Aqui est\u00e1 uma configura\u00e7\u00e3o padr\u00e3o para o seu arquivo app.js<\/strong>, em que voc\u00ea importa os m\u00f3dulos necess\u00e1rios e o define para ser executado em uma porta espec\u00edfica:<\/p>\n Para executar seu aplicativo Node.js, execute o comando:<\/p>\n No entanto, executar um aplicativo como esse significa reinici\u00e1-lo manualmente toda vez que voc\u00ea fizer altera\u00e7\u00f5es no projeto. Para superar esse inconveniente, use Agora, execute seu aplicativo Node.js com reinicializa\u00e7\u00f5es autom\u00e1ticas usando o seguinte comando:<\/p>\n Neste tutorial, voc\u00ea est\u00e1 construindo um aplicativo Node.js que exibir\u00e1 conte\u00fado no navegador. Para conseguir isso, express.js \u00e9 utilizado como seu framework web e EJS (Embedded JavaScript) como seu mecanismo de template.<\/p>\n Para definir o EJS como mecanismo de exibi\u00e7\u00e3o, adicione a seguinte linha ao arquivo app.js<\/strong>. Isso permitir\u00e1 que voc\u00ea execute os arquivos Agora que o Express est\u00e1 configurado com o EJS, defina suas rotas. Em aplicativos web, as rotas determinam como o aplicativo responde a diferentes solicita\u00e7\u00f5es HTTP (como GET ou POST) e especificam as a\u00e7\u00f5es a serem executadas quando uma URL espec\u00edfica \u00e9 acessada.<\/p>\n Por exemplo, crie uma rota que carregue uma p\u00e1gina espec\u00edfica quando um usu\u00e1rio navegar at\u00e9 a p\u00e1gina de \u00edndice<\/strong> ( No c\u00f3digo acima, quando um usu\u00e1rio acessar o \u00edndice<\/strong> do seu aplicativo, o servidor executar\u00e1 a fun\u00e7\u00e3o de callback especificada como o segundo par\u00e2metro. Dentro dessa fun\u00e7\u00e3o de callback, voc\u00ea pode manipular a l\u00f3gica para renderizar um Templating EJS ou enviar algum conte\u00fado HTML<\/a> para ser exibido na p\u00e1gina inicial.<\/p>\n Voc\u00ea pode usar o m\u00e9todo Quando voc\u00ea executar o aplicativo, a mensagem “Hello World” ser\u00e1 exibida na p\u00e1gina de \u00edndice<\/strong>.<\/p>\n Este tutorial se concentra na l\u00f3gica e inclui arquivos iniciais, de modo que voc\u00ea n\u00e3o precisa se preocupar em criar templates do zero. Siga estas etapas para que voc\u00ea possa come\u00e7ar:<\/p>\n No c\u00f3digo inicial, temos duas pastas principais: public<\/strong> e views<\/strong>. A pasta public<\/strong> cont\u00e9m todos os ativos est\u00e1ticos (arquivos CSS e imagens). Eles s\u00e3o adicionados ao template como arquivos est\u00e1ticos:<\/p>\n Na pasta views<\/strong>, voc\u00ea tem o arquivo layout.ejs<\/strong> e duas pastas: pages<\/strong> e partials<\/strong>. O arquivo layout. ejs<\/strong> cont\u00e9m o layout geral deste projeto, de modo que voc\u00ea n\u00e3o precisa repetir alguns c\u00f3digos recorrentes para todas as p\u00e1ginas. Voc\u00ea deve importar a biblioteca A pasta pages<\/strong> cont\u00e9m os arquivos de rota (index.ejs<\/strong> e operation.ejs<\/strong>), enquanto a pasta partials<\/strong> cont\u00e9m componentes (header.ejs<\/strong> e footer.ejs<\/strong>). Adicione ao layout desta forma:<\/p>\n Quando voc\u00ea executar seu aplicativo Node.js<\/a>, a interface do usu\u00e1rio ser\u00e1 carregada, mas voc\u00ea precisar\u00e1 adicionar l\u00f3gica a esse aplicativo para enviar os dados do formul\u00e1rio para a API da Kinsta e enviar informa\u00e7\u00f5es sobre o site para o Slack quando a opera\u00e7\u00e3o for iniciada.<\/p>\n Os Incoming Webhooks do Slack fornecem uma maneira simples de enviar mensagens de aplicativos externos para o Slack. Para usar os Incoming Webhooks do Slack, crie e configure um aplicativo Slack, depois copie a URL do Webhook para enviar mensagens ao Slack programaticamente.<\/p>\n Crie um novo aplicativo do Slack seguindo estas etapas:<\/p>\n Depois que o aplicativo Slack for criado, voc\u00ea poder\u00e1 ativar os Webhooks de entrada navegando at\u00e9 Features<\/strong> e selecionando Incoming Webhooks<\/strong>. Alterne a chave para ativar os Webhooks de entrada para seu aplicativo.<\/p>\n Role para baixo at\u00e9 a se\u00e7\u00e3o Webhook URLs for Your Workspaceg<\/strong> e clique em Add New Webhook to Workspace<\/strong>. Voc\u00ea ser\u00e1 solicitado a escolher um canal para o qual as mensagens ser\u00e3o enviadas. Selecione o canal desejado e clique em Authorize<\/strong>.<\/p>\n Ap\u00f3s a autoriza\u00e7\u00e3o, ser\u00e1 fornecida uma URL de Webhook para o canal selecionado. Essa URL \u00e9 o que voc\u00ea usar\u00e1 para enviar mensagens ao Slack programaticamente. \u00c9 assim que uma URL de Webhook se parece:<\/p>\n Esse Webhook \u00e9 espec\u00edfico para um \u00fanico usu\u00e1rio e um \u00fanico canal. Mantenha seguro, pois ele funciona como um token de autentica\u00e7\u00e3o para o seu aplicativo. Voc\u00ea pode armazenar os c\u00f3digos exclusivos ap\u00f3s Agora que a interface do seu aplicativo Node.js est\u00e1 configurada e o Slackbot foi criado com sucesso (juntamente com a URL do WebHook), \u00e9 hora de lidar com a l\u00f3gica.<\/p>\n Na p\u00e1gina de \u00edndice<\/strong>, voc\u00ea tem um formul\u00e1rio que enviar\u00e1 dados para a API da Kinsta para criar um novo site WordPress. Para que isso funcione, voc\u00ea precisa criar uma solicita\u00e7\u00e3o POST a partir da p\u00e1gina de \u00edndice. Certifique-se de que seu formul\u00e1rio tenha um m\u00e9todo Para recuperar dados de um formul\u00e1rio no Node.js, voc\u00ea precisar\u00e1 usar o seguinte middleware:<\/p>\n Agora, voc\u00ea pode acessar os valores do formul\u00e1rio usando Quando voc\u00ea executar o seu c\u00f3digo, os dados do formul\u00e1rio ser\u00e3o exibidos depois que voc\u00ea preencher o formul\u00e1rio e clicar no bot\u00e3o Submit<\/strong>.<\/p>\n Para criar um site WordPress com a API da Kinsta no Node.js, voc\u00ea pode usar o m\u00e9todo Para realizar qualquer opera\u00e7\u00e3o com a API da Kinsta, voc\u00ea precisa criar uma chave de API<\/a>. Para gerar uma chave de API:<\/p>\n Certifique-se de copiar a chave API gerada e armazen\u00e1-la com seguran\u00e7a, pois ela s\u00f3 estar\u00e1 vis\u00edvel neste momento. Para este projeto, crie um arquivo .env<\/strong> em seu diret\u00f3rio raiz e salve a chave API como Al\u00e9m disso, para criar um site WordPress usando a API da Kinsta, voc\u00ea precisar\u00e1 do ID da empresa (que pode ser encontrado no MyKinsta em Empresa<\/strong> > Detalhes da fatura <\/strong>> Identifica\u00e7\u00e3o da empresa<\/strong>. Armazene esse ID no arquivo .env<\/strong> tamb\u00e9m, para que voc\u00ea possa acessar essas vari\u00e1veis de ambiente por meio de Para prosseguir com a cria\u00e7\u00e3o de um site WordPress por meio da API da Kinsta, envie uma solicita\u00e7\u00e3o POST para o endpoint Ao executar o c\u00f3digo acima, voc\u00ea criar\u00e1 um novo site WordPress com a API da Kinsta. Mas esse n\u00e3o \u00e9 o objetivo principal. O objetivo \u00e9 enviar uma mensagem para o Slack contendo informa\u00e7\u00f5es sobre o site quando a opera\u00e7\u00e3o de cria\u00e7\u00e3o do site for bem-sucedida.<\/p>\n Para fazer isso, crie uma instru\u00e7\u00e3o If<\/strong> para verificar o status da resposta da solicita\u00e7\u00e3o de API. Se for Execute o c\u00f3digo acima e preencha o formul\u00e1rio de cria\u00e7\u00e3o do site. Se o processo for bem-sucedido, uma mensagem ser\u00e1 enviada ao Slack imediatamente.<\/p>\n O exemplo acima envia uma mensagem de texto b\u00e1sico, mas os webhooks de entrada do Slack suportam muito mais do que um simples texto. Voc\u00ea pode personalizar suas mensagens para incluir anexos, links, imagens, bot\u00f5es e muito mais.<\/p>\n Uma maneira de voc\u00ea personalizar as mensagens do Slack \u00e9 usando o Slack Block Kit Builder<\/a>. O Block Kit \u00e9 uma estrutura de interface de usu\u00e1rio fornecida pelo Slack que permite que voc\u00ea crie mensagens ricas e interativas com v\u00e1rios elementos de conte\u00fado.<\/p>\n Para este tutorial, voc\u00ea ver\u00e1 um bloco criado com o Block Kit Builder para formatar a mensagem adequadamente e adicionar alguns valores do formul\u00e1rio e da resposta de cria\u00e7\u00e3o do site:<\/p>\n Nesse c\u00f3digo, voc\u00ea cria um objeto de mensagem que cont\u00e9m uma array de blocos. Cada bloco representa uma se\u00e7\u00e3o espec\u00edfica da mensagem do Slack e pode ter diferentes tipos de conte\u00fado.<\/p>\n Quando essa mensagem for enviada ao Slack usando o Incoming Webhook, ela gerar\u00e1 uma mensagem visualmente atraente e informativa em seu canal do Slack. A mensagem incluir\u00e1 valores din\u00e2micos do formul\u00e1rio (como o nome do site) e informa\u00e7\u00f5es da resposta de cria\u00e7\u00e3o do site, tornando uma mensagem altamente personalizada e customizada.<\/p>\n Para enviar essa mensagem personalizada, substitua o objeto no corpo do Na mensagem enviada ao Slack, \u00e9 criado um link que tem o ID da opera\u00e7\u00e3o e o nome de exibi\u00e7\u00e3o. Voc\u00ea pode criar uma nova rota para a p\u00e1gina Operations<\/strong> para usar esses dados para verificar o status da opera\u00e7\u00e3o.<\/p>\n No Express, voc\u00ea pode acessar par\u00e2metros de URL com o par\u00e2metro Com o c\u00f3digo acima, ao clicar no link no Slack, voc\u00ea far\u00e1 uma solicita\u00e7\u00e3o \u00e0 API da Kinsta para verificar o status da opera\u00e7\u00e3o do seu site. Atualize o arquivo operation.ejs<\/strong> para adicionar dados din\u00e2micos:<\/p>\n Por fim, voc\u00ea pode usar o m\u00e9todo de redirecionamento para navegar at\u00e9 a p\u00e1gina de opera\u00e7\u00f5es quando o processo de cria\u00e7\u00e3o de um site for iniciado:<\/p>\n O c\u00f3digo-fonte completo para este projeto est\u00e1 dispon\u00edvel na branch principal deste reposit\u00f3rio no GitHub<\/a>.<\/p>\n Voc\u00ea pode implantar facilmente este aplicativo Node.js na plataforma de hospedagem de aplicativos<\/a> da Kinsta. Tudo o que voc\u00ea precisa fazer \u00e9 enviar seu c\u00f3digo para o seu provedor Git preferido (Bitbucket<\/a>, GitHub<\/a> ou GitLab<\/a>). Em seguida, voc\u00ea deve seguir estas etapas:<\/p>\n Por fim, n\u00e3o \u00e9 seguro enviar chaves de API para hosts p\u00fablicos, como seu provedor Git. Ao hospedar, voc\u00ea pode adicion\u00e1-las como vari\u00e1veis de ambiente<\/a> usando o mesmo nome e valor de vari\u00e1vel especificados no arquivo .env<\/strong>.<\/p>\n Depois que voc\u00ea iniciar a implanta\u00e7\u00e3o do seu aplicativo, ele ser\u00e1 normalmente criado e implantado em alguns minutos. Voc\u00ea receber\u00e1 um link para o seu novo aplicativo, que ter\u00e1 a seguinte apar\u00eancia: https:\/\/site-builder-nodejs-xvsph.kinsta.app.<\/strong><\/p>\n![\"Gif](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/08\/kinsta-services-slack.gif\")
Pr\u00e9-requisitos<\/h3>\n
\n
Configura\u00e7\u00e3o do ambiente de desenvolvimento<\/h2>\n
mkdir my-express-app \ncd my-express-app \nnpm init -y<\/code><\/pre>\nnpm init -y<\/code>, um novo arquivo package.json<\/strong> ser\u00e1 criado no diret\u00f3rio do seu projeto com valores padr\u00e3o. Esse arquivo cont\u00e9m informa\u00e7\u00f5es importantes sobre seu projeto e suas depend\u00eancias.<\/p>\n\n
npm install ejs express express-ejs-layouts<\/code><\/pre>\n\n
npm install -D nodemon dotenv<\/code><\/pre>\ntouch app.js<\/code><\/pre>\n\/\/ Import required modules\nconst express = require('express');\nconst app = express();\n\n\/\/ Set up your routes and middleware here\n\/\/ ...\n\n\/\/ Start the server to listen on the specified port\napp.listen(process.env.PORT || 3000, () => {\n console.log(`Server is running on port ${process.env.PORT || 3000}`);\n});<\/code><\/pre>\nnode app.js<\/code><\/pre>\nnodemon<\/code>, que voc\u00ea j\u00e1 instalou. Configure em seu arquivo package.json<\/strong> criando um comando de script:<\/p>\n \"scripts\": {\n \"dev\": \"nodemon app.js\"\n },<\/code><\/pre>\nnpm run dev<\/code><\/pre>\nCome\u00e7ando com o Express e o Templating EJS<\/h3>\n
.ejs<\/code>:<\/p>\n\/\/ Use EJS as the view engine \napp.set('view engine', 'ejs');<\/code><\/pre>\n\/<\/code>). Para fazer isso, use o m\u00e9todo de solicita\u00e7\u00e3o GET.<\/p>\n\/\/ Define a route for the homepage\napp.get('\/', (req, res) => {\n \/\/ Here, you can specify what to do when someone accesses the homepage\n \/\/ For example, render an EJS template or send some HTML content\n});<\/code><\/pre>\nres.render()<\/code> para renderizar um Templating EJS ou usar res.send()<\/code> para enviar conte\u00fado HTML simples.<\/p>\napp.get('\/', (req, res) => {\n res.send('Hello World');\n});<\/code><\/pre>\nTemplating EJS<\/h3>\n
\n
\/\/ Static files\napp.use(express.static('\/public'));\napp.use('\/css', express.static(__dirname + '\/public\/css'));\napp.use('\/images', express.static(__dirname + '\/public\/images'));<\/code><\/pre>\nexpress-ejs-layouts<\/code> para o arquivo app.js<\/strong> e configur\u00e1-la:<\/p>\n\/\/ Import\nconst expressEjsLayouts = require('express-ejs-layouts');\n\n\/\/ Configure\napp.use(expressEjsLayouts);<\/code><\/pre>\n<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <link rel=\"icon\" href=\"\/images\/favicon.ico\" \/>\n <link rel=\"stylesheet\" href=\"\/css\/index.css\" \/>\n <title>Site Builder<\/title>\n <\/head>\n <body>\n <div class=\"app-container\">\n <%- include('partials\/header') %>\n <div class=\"container\"><%- body %><\/div>\n <%- include('partials\/footer') %>\n <\/div>\n <\/body>\n<\/html><\/code><\/pre>\nCome\u00e7ando com o Slack Incoming Webhooks<\/h2>\n
Como configurar um aplicativo do Slack e obter a URL do webhook<\/h3>\n
\n
https:\/\/hooks.slack.com\/services\/T00000000\/B00000000\/XXXXXXXXXXXXXXXXXXXXXXXX<\/code><\/pre>\n\/services\/<\/code> em seu arquivo .env<\/strong>. Voc\u00ea tamb\u00e9m ser\u00e1 solicitado a reinstalar o aplicativo no seu espa\u00e7o de trabalho para que as altera\u00e7\u00f5es tenham efeito.<\/p>\nComo enviar mensagens para o Slack com o Node.js e a API da Kinsta<\/h2>\n
Obtendo dados de formul\u00e1rio no Node.js<\/h3>\n
POST<\/code> e que os campos de entrada tenham um atributo name<\/code>, que ser\u00e1 usado no arquivo app.js<\/strong>.<\/p>\napp.post('\/', (req, res) => {\n \/\/ Perform the desired operation with the form data\n});<\/code><\/pre>\napp.use(express.json());\napp.use(express.urlencoded({ extended: true }));<\/code><\/pre>\nreq.body.[form field name]<\/code>. Por exemplo, req.body.displayName<\/code> fornecer\u00e1 a voc\u00ea o nome de exibi\u00e7\u00e3o enviado por meio do formul\u00e1rio. Vamos registrar os dados gerais do formul\u00e1rio:<\/p>\napp.post('\/', (req, res) => {\n console.log(req.body);\n});<\/code><\/pre>\n![\"Detalhes](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/08\/req-details-node-js.jpg\")
Criando um site com a API da Kinsta no Node.js<\/h3>\n
fetch()<\/code>, que agora \u00e9 suportado e tem um desempenho eficiente nas vers\u00f5es mais recentes do Node.js<\/a>.<\/p>\n\n
KINSTA_API_KEY<\/code>.<\/p>\nprocess.env<\/code>. Para habilitar essa funcionalidade, certifique-se de que voc\u00ea configure a depend\u00eancia dotenv<\/code> na parte superior do seu arquivo app.js<\/strong> da seguinte forma:<\/p>\nrequire('dotenv').config();<\/code><\/pre>\n\/sites<\/a><\/code> com os dados necess\u00e1rios fornecidos no objeto req.body<\/code>:<\/p>\nconst KinstaAPIUrl = 'https:\/\/api.kinsta.com\/v2';\n\napp.post('\/', (req, res) => {\n const createSite = async () => {\n const resp = await fetch(`${KinstaAPIUrl}\/sites`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json',\n Authorization: `Bearer ${process.env.REACT_APP_KINSTA_API_KEY}`,\n },\n body: JSON.stringify({\n company: process.env.REACT_APP_KINSTA_COMPANY_ID,\n display_name: req.body.displayName,\n region: req.body.location,\n install_mode: 'new',\n is_subdomain_multisite: false,\n admin_email: req.body.email,\n admin_password: req.body.password,\n admin_user: req.body.username,\n is_multisite: false,\n site_title: req.body.siteTitle,\n woocommerce: false,\n wordpressseo: false,\n wp_language: 'en_US',\n }),\n });\n const data = await resp.json();\n console.log(data);\n };\n createSite();\n});<\/code><\/pre>\nEnviando uma mensagem para o Slack com a URL do Incoming Webhook<\/h3>\n
202<\/code>, isso significa que “a cria\u00e7\u00e3o do site foi iniciada” e voc\u00ea pode enviar uma mensagem para o Slack usando a URL do Incoming Webhook. Para conseguir isso, voc\u00ea pode usar sua biblioteca de solicita\u00e7\u00e3o HTTP preferida (por exemplo, Axios<\/a>) ou m\u00e9todo para enviar uma solicita\u00e7\u00e3o POST ao Slack. Vamos usar o m\u00e9todo fetch()<\/code>:<\/p>\nif (data.status === 202) {\n fetch(\n `https:\/\/hooks.slack.com\/services\/${process.env.SLACK_WEBHOOK_ID}`,\n {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json',\n },\n body: JSON.stringify({\n text: 'Hello, world.',\n }),\n }\n );\n}<\/code><\/pre>\n![\"Hello](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/08\/message-sent-with-incoming-webhooks.jpg\")
Personalizando as mensagens do Slack<\/h3>\n
const message = {\n blocks: [\n {\n type: 'section',\n text: {\n type: 'mrkdwn',\n text: `Hello, your new site (${req.body.displayName}) has started building. It takes minutes to build. You can check the operation status intermittently via https:\/\/site-builder-nodejs-xvsph.kinsta.app\/operation\/${req.body.displayName}\/${data.operation_id}.`,\n },\n },\n {\n type: 'divider',\n },\n {\n type: 'section',\n text: {\n type: 'mrkdwn',\n text: \"_Here are your site's details:_\",\n },\n },\n {\n type: 'section',\n text: {\n type: 'mrkdwn',\n text: `1. *Site URL:* http:\/\/${req.body.displayName}.kinsta.cloud\/n2. *WP Admin URL:* http:\/\/${req.body.displayName}.kinsta.cloud\/wp-admin\/`,\n },\n },\n ],\n};<\/code><\/pre>\n\n
type: 'section'<\/code> para indicar que se trata de um bloco de se\u00e7\u00e3o. Dentro do bloco de se\u00e7\u00e3o, a propriedade text \u00e9 usada com type: 'mrkdwn'<\/code> para especificar que o conte\u00fado do texto deve ser interpretado como formato Markdown. O conte\u00fado real do texto \u00e9 fornecido na propriedade text, e usamos literais de modelo para incluir valores din\u00e2micos do formul\u00e1rio e da resposta de cria\u00e7\u00e3o do site, como req.body.displayName<\/code> e data.operation_id<\/code>.<\/li>\ntype: 'divider'<\/code> para criar o bloco divisor.<\/li>\n<\/ol>\nfetch()<\/code> pelo conte\u00fado da vari\u00e1vel de mensagem:<\/p>\nif (data.status === 202) {\n fetch(\n `https:\/\/hooks.slack.com\/services\/${process.env.SLACK_WEBHOOK_ID}`,\n {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json',\n },\n body: JSON.stringify(message),\n }\n );\n}<\/code><\/pre>\n![\"Mensagem](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/08\/slack-block-kit-builder-message.jpg\")
Lidando com a opera\u00e7\u00e3o de cria\u00e7\u00e3o do site com a API da Kinsta<\/h2>\n
req<\/code>. Por exemplo, para obter o ID da opera\u00e7\u00e3o, voc\u00ea usa req.params.operationId<\/code>.<\/p>\nconst KinstaAPIUrl = 'https:\/\/api.kinsta.com\/v2';\n\napp.get('\/operation\/:displayName\/:operationId', (req, res) => {\n const checkOperation = async () => {\n const operationId = req.params.operationId;\n const resp = await fetch(`${KinstaAPIUrl}\/operations\/${operationId}`, {\n method: 'GET',\n headers: {\n Authorization: `Bearer ${process.env.REACT_APP_KINSTA_API_KEY}`,\n },\n });\n const data = await resp.json();\n res.render('pages\/operation', {\n operationID: req.params.operationId,\n displayName: req.params.displayName,\n operationMessage: data.message,\n });\n };\n checkOperation();\n});<\/code><\/pre>\n<div class=\"container-title\">\n <h1 class=\"title\">Check Site Operation Status<\/h1>\n <p>\n Check the status of your site tools operation via the id. Feel free to copy\n the ID and check in few seconds.\n <\/p>\n<\/div>\n<div class=\"form-container\">\n <div class=\"input-div\">\n <input class=\"form-control\" value=\"<%= operationID %>\" readOnly \/>\n <\/div>\n <button class=\"btn\" type=\"submit\" onclick=\"window.location.reload()\">\n Refresh Operation Status\n <\/button>\n<\/div>\n<div class=\"services\">\n <div class=\"details\">\n <p><%= operationMessage %>..<\/p>\n <\/div>\n<\/div>\n<div class=\"services\">\n <p class=\"description\">\n If message above indicates that \"Operation has successfully finished\", use\n the links below to access your WP admin and the site itself.\n <\/p>\n <div class=\"details\">\n <a\n href=\"http:\/\/<%= displayName %>.kinsta.cloud\/wp-admin\/\"\n target=\"_blank\"\n rel=\"noreferrer\"\n class=\"detail-link\"\n >\n <p>Open WordPress admin<\/p>\n <FiExternalLink \/>\n <\/a>\n <a\n href=\"http:\/\/<%= displayName %>.kinsta.cloud\/\"\n target=\"_blank\"\n rel=\"noreferrer\"\n class=\"detail-link\"\n >\n <p>Open URL<\/p>\n <FiExternalLink \/>\n <\/a>\n <\/div>\n<\/div><\/code><\/pre>\n![\"P\u00e1gina](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/08\/operations-page-1.jpg\")
if (data.status === 202) {\n fetch(\n `https:\/\/hooks.slack.com\/services\/${process.env.SLACK_WEBHOOK_ID}`,\n {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json',\n },\n body: JSON.stringify(message),\n }\n );\n res.redirect(`\/operation\/${req.body.displayName}\/${data.operation_id}`);\n}<\/code><\/pre>\nImplantando seu aplicativo Node.js na Kinsta<\/h2>\n
\n
![\"Defina](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/08\/set-env-mykinsta.jpg\")