Qu\u00e9 Est\u00e1s Construyendo<\/h2>\n
Este tutorial explica c\u00f3mo construir un Slackbot (o aplicaci\u00f3n Slack) que interact\u00faa con la API de Kinsta<\/a> para recuperar informaci\u00f3n y entregarla como mensajes en tiempo real a un canal Slack determinado utilizando los Webhooks Entrantes de la API de Slack<\/a>.<\/p>\n Para conseguirlo, crear\u00e1s una aplicaci\u00f3n Node.js<\/a> con el framework Express<\/a> para crear una interfaz de usuario para la creaci\u00f3n de sitios WordPress<\/a> e integrarla con la API de Kinsta. La aplicaci\u00f3n utiliza un formulario para recoger los detalles de configuraci\u00f3n de tu sitio WordPress y luego env\u00eda una actualizaci\u00f3n en tiempo real sobre la informaci\u00f3n del sitio y detalles sobre c\u00f3mo comprobar su estado de funcionamiento al canal Slack especificado.<\/p>\n Para seguir adelante con este proyecto, debes tener lo siguiente:<\/p>\n Para empezar, crea un nuevo directorio para tu aplicaci\u00f3n e in\u00edcialo con npm:<\/p>\n Tras ejecutar el comando A continuaci\u00f3n, instala las dependencias necesarias para tu proyecto. Las siguientes dependencias son esenciales:<\/p>\n Para instalar estas dependencias, ejecuta el siguiente comando:<\/p>\n Adem\u00e1s, necesitar\u00e1s instalar las siguientes dependencias de desarrollo para facilitar la construcci\u00f3n y prueba de tu proyecto Node.js:<\/p>\n Para instalar estas dependencias de desarrollo, ejecuta el siguiente comando:<\/p>\n Una vez inicializado tu package.json<\/strong> e instaladas todas las dependencias, crea un nuevo archivo, por ejemplo app.js<\/strong>.<\/p>\n Aqu\u00ed tienes una configuraci\u00f3n por defecto para tu archivo app.js<\/strong>, donde importas los m\u00f3dulos necesarios y lo configuras para que se ejecute en un puerto espec\u00edfico:<\/p>\n Para ejecutar tu aplicaci\u00f3n Node.js, ejecuta el comando<\/p>\n Sin embargo, ejecutar una aplicaci\u00f3n como \u00e9sta implica reiniciarla manualmente cada vez que hagas cambios en tu proyecto. Para superar este inconveniente, utiliza Ahora, ejecuta tu aplicaci\u00f3n Node.js con reinicios autom\u00e1ticos utilizando el siguiente comando:<\/p>\n En este tutorial, est\u00e1s construyendo una aplicaci\u00f3n Node.js que mostrar\u00e1 contenido en el navegador. Para conseguirlo, se utiliza express.js como tu framework web, y EJS (Embedded JavaScript) como tu motor de plantillas.<\/p>\n Para establecer EJS como tu motor de visualizaci\u00f3n, a\u00f1ade la siguiente l\u00ednea a tu archivo app.js<\/strong>. Esto permitir\u00e1 ejecutar archivos Ahora que Express est\u00e1 configurado con EJS, define tus rutas. En las aplicaciones web, las rutas determinan c\u00f3mo responde la aplicaci\u00f3n a las distintas peticiones HTTP (como GET o POST) y especifican las acciones que deben realizarse cuando se accede a una URL concreta.<\/p>\n Por ejemplo, crea una ruta que cargue una p\u00e1gina espec\u00edfica cuando un usuario navegue a la p\u00e1gina index<\/strong>\u00a0( En el c\u00f3digo anterior, cuando un usuario acceda al index<\/strong>\u00a0de tu aplicaci\u00f3n, el servidor ejecutar\u00e1 la funci\u00f3n callback especificada como segundo par\u00e1metro. Dentro de esta funci\u00f3n de llamada de retorno, puedes manejar la l\u00f3gica para renderizar una plantilla EJS o enviar alg\u00fan contenido HTML<\/a> para que se muestre en la p\u00e1gina de inicio.<\/p>\n Puedes utilizar el m\u00e9todo Cuando ejecutes tu aplicaci\u00f3n, se mostrar\u00e1 \u00abHello Word\u00bb en la p\u00e1gina index<\/strong>.<\/p>\n Este tutorial se centra en la l\u00f3gica e incluye archivos de inicio, para que no tengas que preocuparte de crear plantillas desde cero. Sigue estos pasos para empezar:<\/p>\n En el c\u00f3digo de inicio, tenemos dos carpetas principales: public<\/strong> y views<\/strong>. La carpeta public<\/strong> contiene todos los activos est\u00e1ticos (archivos CSS e im\u00e1genes). Se a\u00f1aden a la plantilla como archivos est\u00e1ticos:<\/p>\n En la carpeta views<\/strong>, tienes el archivo layout.ejs<\/strong> y dos carpetas: pages<\/strong> y partials<\/strong>. El archivo layout.ejs<\/strong> contiene el dise\u00f1o general de este proyecto, para que no tengas que repetir c\u00f3digo recurrente para todas las p\u00e1ginas. Importa la biblioteca La carpeta pages<\/strong> contiene los archivos de ruta (index.ejs<\/strong> y operation.ejs<\/strong>), mientras que la carpeta partials<\/strong> contiene los componentes (header.ejs<\/strong> y footer.ejs<\/strong>). A\u00f1\u00e1delos al dise\u00f1o de la siguiente forma<\/p>\n Cuando ejecutes tu aplicaci\u00f3n Node.js<\/a>, la interfaz de usuario se cargar\u00e1, pero tienes que a\u00f1adir l\u00f3gica a esta aplicaci\u00f3n para enviar los datos del formulario a la API de Kinsta y enviar informaci\u00f3n sobre el sitio a Slack cuando se inicie la operaci\u00f3n.<\/p>\n Los Webhooks Entrantes de Slack proporcionan una forma sencilla de enviar mensajes desde aplicaciones externas a Slack. Para utilizar los Webhooks Entrantes de Slack, crea y configura una aplicaci\u00f3n Slack, y luego copia la URL de tu Webhook para enviar mensajes a Slack mediante programaci\u00f3n.<\/p>\n Crea una nueva aplicaci\u00f3n Slack siguiendo estos pasos:<\/p>\n Una vez creada tu aplicaci\u00f3n Slack, puedes habilitar los Webhooks Entrantes navegando hasta Features<\/strong> y seleccionando Incoming Webhooks<\/strong>. Activa el interruptor para habilitar los Webhooks Entrantes para tu aplicaci\u00f3n.<\/p>\n Despl\u00e1zate hacia abajo hasta la secci\u00f3n Webhook URLs for Your Workspace (URL de Webhooks para tu Espacio de Trabajo)<\/strong> y haz clic en Add New Webhook to Wordspace (A\u00f1adir Nuevo Webhook al Espacio de Trabajo)<\/strong>. Se te pedir\u00e1 que elijas un canal al que se enviar\u00e1n los mensajes. Selecciona el canal deseado y haz clic en Permitir<\/strong>.<\/p>\n Tras la autorizaci\u00f3n, se te proporcionar\u00e1 una URL de Webhook para el canal seleccionado. Esta URL es la que utilizar\u00e1s para enviar mensajes a Slack mediante programaci\u00f3n. Este es el aspecto de una URL Webhook:<\/p>\n Este Webhook es espec\u00edfico para un \u00fanico usuario y un \u00fanico canal. Mantenlo seguro, ya que act\u00faa como token de autenticaci\u00f3n para tu aplicaci\u00f3n. Puedes almacenar los c\u00f3digos \u00fanicos despu\u00e9s de Ahora que la interfaz de tu aplicaci\u00f3n Node.js est\u00e1 configurada y el Slackbot se ha creado correctamente (junto con tu URL WebHook), es hora de manejar la l\u00f3gica.<\/p>\n En la p\u00e1gina index<\/strong>, tienes un formulario que enviar\u00e1 datos a la API de Kinsta para crear un nuevo sitio de WordPress. Para que esto funcione, necesitas crear una petici\u00f3n POST desde la p\u00e1gina index. Aseg\u00farate de que tu formulario tiene un m\u00e9todo Para recuperar datos de un formulario en Node.js, necesitar\u00e1s utilizar el siguiente middleware:<\/p>\n Ahora, puedes acceder a los valores de tu formulario utilizando Cuando ejecutes tu c\u00f3digo, se mostrar\u00e1n los datos del formulario despu\u00e9s de rellenarlo y pulsar el bot\u00f3n Enviar<\/strong>.<\/p>\n Para crear un sitio WordPress con la API Kinsta en Node.js, puedes utilizar el m\u00e9todo Para realizar cualquier operaci\u00f3n con la API de Kinsta, necesitas crear una clave API<\/a>. Para generar una clave API:<\/p>\n Aseg\u00farate de copiar la clave API generada y almacenarla de forma segura, ya que s\u00f3lo ser\u00e1 visible en este momento. Para este proyecto, crea un archivo .env<\/strong> en tu directorio root y guarda la clave API como Adem\u00e1s, para crear un sitio WordPress utilizando la API de Kinsta, necesitar\u00e1s tu ID de empresa (que puedes encontrar en MyKinsta en Empresa<\/strong> > Detalles de facturaci\u00f3n<\/strong> > ID de empresa<\/strong>). Almacena tambi\u00e9n este ID en el archivo .env<\/strong>, para poder acceder a estas variables de entorno a trav\u00e9s de Para proceder a la creaci\u00f3n de un sitio WordPress a trav\u00e9s de la API de Kinsta, env\u00eda una solicitud POST al endpoint Al ejecutar el c\u00f3digo anterior, crear\u00e1s un nuevo sitio WordPress con la API de Kinsta. Pero \u00e9ste no es el objetivo principal. El objetivo es enviar un mensaje a Slack con informaci\u00f3n sobre el sitio cuando la operaci\u00f3n de creaci\u00f3n del sitio se realice correctamente.<\/p>\n Para ello, crea una sentencia If<\/strong> para comprobar el estado de la respuesta a la solicitud de la API. Si es Ejecuta el c\u00f3digo anterior y rellena el formulario de creaci\u00f3n del sitio. Si el proceso tiene \u00e9xito, se enviar\u00e1 inmediatamente un mensaje a Slack.<\/p>\n El ejemplo anterior env\u00eda un mensaje de texto b\u00e1sico, pero los Webhooks Entrantes de Slack admiten mucho m\u00e1s que un simple texto. Puedes personalizar tus mensajes para incluir adjuntos, enlaces, im\u00e1genes, botones y mucho m\u00e1s.<\/p>\n Una forma de personalizar los mensajes de Slack es utilizar el Constructor de Kit de Bloques de Slack<\/a>. El Kit de bloques es un framework de interfaz de usuario proporcionado por Slack que te permite construir mensajes ricos e interactivos con diversos elementos de contenido.<\/p>\n Para este tutorial, aqu\u00ed tienes un bloque creado con el constructor de kit de bloques para dar el formato adecuado al mensaje y a\u00f1adir algunos valores del formulario y de la respuesta de creaci\u00f3n del sitio:<\/p>\n En este c\u00f3digo, creas un objeto mensaje que contiene un array de bloques. Cada bloque representa una secci\u00f3n espec\u00edfica del mensaje Slack y puede tener diferentes tipos de contenido.<\/p>\n Cuando este mensaje se env\u00ede a Slack mediante el Webhook Entrante, generar\u00e1 un mensaje visualmente atractivo e informativo en tu canal de Slack. El mensaje incluir\u00e1 valores din\u00e1micos del formulario (como el nombre del sitio) e informaci\u00f3n de la respuesta de creaci\u00f3n del sitio, convirti\u00e9ndolo en un mensaje altamente personalizado.<\/p>\n Para enviar este mensaje personalizado, sustituye el objeto del cuerpo del En el mensaje enviado a Slack, se crea un enlace que tiene el ID de la operaci\u00f3n y el nombre para mostrar. Puedes crear una nueva ruta para que la p\u00e1gina Operaciones<\/strong> utilice estos datos para comprobar el estado de la operaci\u00f3n.<\/p>\n En Express, puedes acceder a los par\u00e1metros de la URL con el par\u00e1metro Con el c\u00f3digo anterior, al hacer clic en el enlace de Slack se realizar\u00e1 una solicitud a la API de Kinsta para comprobar el estado de la operaci\u00f3n de tu sitio. Actualiza el archivo operation.ejs<\/strong> para a\u00f1adir datos din\u00e1micos:<\/p>\n Una \u00faltima cosa, puedes utilizar el m\u00e9todo de redirecci\u00f3n para navegar a la p\u00e1gina de operaciones cuando se inicie el proceso de creaci\u00f3n de un sitio:<\/p>\n El c\u00f3digo fuente completo de este proyecto est\u00e1 disponible en la rama principal de este repositorio de GitHub<\/a>.<\/p>\n Puedes desplegar f\u00e1cilmente esta aplicaci\u00f3n Node.js en la plataforma de Alojamiento de Aplicaciones<\/a> de Kinsta. Todo lo que tienes que hacer es enviar tu c\u00f3digo a tu proveedor Git preferido (Bitbucket<\/a>, GitHub<\/a> o GitLab<\/a>). A continuaci\u00f3n, sigue estos pasos:<\/p>\n Por \u00faltimo, no es seguro enviar claves API a alojamientos p\u00fablicos como tu proveedor de Git. Cuando alojes, puedes a\u00f1adirlas como variables de entorno<\/a> utilizando el mismo nombre de variable y valor especificados en el archivo .env<\/strong>.<\/p>\n Una vez que inicies el despliegue de tu aplicaci\u00f3n, normalmente se crear\u00e1 y desplegar\u00e1 en unos minutos. Se proporcionar\u00e1 un enlace a tu nueva aplicaci\u00f3n, con el siguiente aspecto: https:\/\/site-builder-nodejs-xvsph.kinsta.app<\/strong>.<\/p>\n![\"Gif](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/08\/kinsta-services-slack.gif\")
Requisitos Previos<\/h3>\n
\n
Configurar el Entorno de Desarrollo<\/h2>\n
mkdir my-express-app \ncd my-express-app \nnpm init -y<\/code><\/pre>\nnpm init -y<\/code>, se crear\u00e1 un nuevo archivo package.json<\/strong> en el directorio de tu proyecto con los valores predeterminados. Este archivo contiene informaci\u00f3n importante sobre tu proyecto y sus dependencias.<\/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 ya tienes instalado. Config\u00faralo en tu archivo package.json<\/strong> creando un comando script:<\/p>\n \"scripts\": {\n \"dev\": \"nodemon app.js\"\n },<\/code><\/pre>\nnpm run dev<\/code><\/pre>\nPrimeros Pasos con Express y EJS Templating<\/h3>\n
.ejs<\/code>:<\/p>\n\/\/ Use EJS as the view engine \napp.set('view engine', 'ejs');<\/code><\/pre>\n\/<\/code>). Para ello, utiliza el m\u00e9todo de petici\u00f3n 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 una plantilla EJS o utilizar res.send()<\/code> para enviar contenido HTML simple.<\/p>\napp.get('\/', (req, res) => {\n res.send('Hello World');\n});<\/code><\/pre>\nPlantillas 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> en el archivo app.js<\/strong> y, a continuaci\u00f3n, config\u00farala:<\/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>\nPrimeros Pasos con los Webhooks Entrantes de Slack<\/h2>\n
Configurar una Aplicaci\u00f3n Slack y Obtener la URL del Webhook<\/h3>\n
\n
https:\/\/hooks.slack.com\/services\/T00000000\/B00000000\/XXXXXXXXXXXXXXXXXXXXXXXX<\/code><\/pre>\n\/services\/<\/code> en tu archivo .env<\/strong>. Tambi\u00e9n se te pedir\u00e1 que reinstales la app en tu espacio de trabajo para que los cambios surtan efecto.<\/p>\nEnviar Mensajes a Slack con Node.js y la API Kinsta<\/h2>\n
Obtener Datos del Formulario en Node.js<\/h3>\n
POST<\/code>, y los campos de entrada tienen un atributo name<\/code>, que se utilizar\u00e1 en el archivo 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 ejemplo, req.body.displayName<\/code> te dar\u00e1 el nombre para mostrar enviado a trav\u00e9s del formulario. Vamos a registrar los datos generales del formulario:<\/p>\napp.post('\/', (req, res) => {\n console.log(req.body);\n});<\/code><\/pre>\n![\"Detalles](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/08\/req-details-node-js.jpg\")
Creaci\u00f3n de un Sitio con la API de Kinsta en Node.js<\/h3>\n
fetch()<\/code>, que ahora es compatible y funciona eficazmente en las \u00faltimas versiones de Node.js<\/a>.<\/p>\n\n
KINSTA_API_KEY<\/code>.<\/p>\nprocess.env<\/code>. Para habilitar esta funcionalidad, aseg\u00farate de configurar la dependencia dotenv<\/code> en la parte superior de tu archivo app.js<\/strong> de la siguiente manera:<\/p>\nrequire('dotenv').config();<\/code><\/pre>\n\/sites<\/a><\/code> con los datos necesarios proporcionados en el 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>\nEnviar un Mensaje a Slack con la URL del Webhook Entrante<\/h3>\n
202<\/code>, significa que \u00abla creaci\u00f3n del sitio ha comenzado\u00bb y puedes enviar un mensaje a Slack utilizando la URL entrante de Webhooks. Para ello, puedes utilizar tu biblioteca de peticiones HTTP preferida (por ejemplo, Axios<\/a>) o un m\u00e9todo para enviar una petici\u00f3n POST a Slack. Utilicemos el 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\")
Personalizar los Mensajes de 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 es un bloque de secci\u00f3n. Dentro del bloque de secci\u00f3n, la propiedad text se utiliza con type: 'mrkdwn'<\/code> para especificar que el contenido del texto debe interpretarse como formato Markdown. El contenido de texto real se proporciona en la propiedad text, y utilizamos literales de plantilla para incluir valores din\u00e1micos del formulario y de la respuesta de creaci\u00f3n del sitio, como req.body.displayName<\/code> y data.operation_id<\/code>.<\/li>\ntype: 'divider'<\/code> para crear el bloque divisor.<\/li>\n<\/ol>\nfetch()<\/code> por el contenido de la variable del mensaje:<\/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![\"Mensaje](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/08\/slack-block-kit-builder-message.jpg\")
Manejar la Operaci\u00f3n de Creaci\u00f3n del Sitio con la API de Kinsta<\/h2>\n
req<\/code>. Por ejemplo, para obtener el ID de la operaci\u00f3n, utiliza 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>\nDesplegar Tu Aplicaci\u00f3n Node.js en Kinsta<\/h2>\n
\n
![\"Establece](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/08\/set-env-mykinsta.jpg\")