Was du baust<\/h2>\n
In diesem Lernprogramm wird erkl\u00e4rt, wie du einen Slackbot (oder eine Slack-Anwendung) entwickelst, der mit der Kinsta-API<\/a> interagiert, um Informationen abzurufen und sie als Echtzeitnachrichten an einen bestimmten Slack-Kanal zu senden, indem du die Slack-API Incoming Webhooks<\/a> verwendest.<\/p>\n Zu diesem Zweck erstellst du eine Node.js<\/a>-Anwendung mit dem Express<\/a>-Framework, um eine Benutzeroberfl\u00e4che f\u00fcr die Erstellung von WordPress<\/a>-Sites zu erstellen und sie in die Kinsta-API zu integrieren. Die Anwendung verwendet ein Formular, um die Konfigurationsdaten deiner WordPress-Site zu erfassen, und sendet dann eine Echtzeitaktualisierung der Site-Informationen und Informationen dar\u00fcber, wie du den Betriebsstatus \u00fcberpr\u00fcfen kannst, an den angegebenen Slack-Kanal.<\/p>\n Um an diesem Projekt mitzuarbeiten, solltest du folgende Voraussetzungen mitbringen:<\/p>\n Um loszulegen, erstelle ein neues Verzeichnis f\u00fcr deine Anwendung und initialisiere es mit npm:<\/p>\n Nachdem du den Befehl Als n\u00e4chstes installierst du die notwendigen Abh\u00e4ngigkeiten f\u00fcr dein Projekt. Die folgenden Abh\u00e4ngigkeiten sind unerl\u00e4sslich:<\/p>\n Um diese Abh\u00e4ngigkeiten zu installieren, f\u00fchre den folgenden Befehl aus:<\/p>\n Au\u00dferdem musst du die folgenden Abh\u00e4ngigkeiten installieren, damit du dein Node.js-Projekt leichter bauen und testen kannst:<\/p>\n Um diese Dev-Abh\u00e4ngigkeiten zu installieren, f\u00fchre den folgenden Befehl aus:<\/p>\n Sobald deine package.json<\/strong> initialisiert ist und alle Abh\u00e4ngigkeiten installiert sind, erstelle eine neue Datei, z.B. app.js<\/strong>.<\/p>\n Hier ist ein Standard-Setup f\u00fcr deine app.js<\/strong>-Datei, bei dem du die notwendigen Module importierst und festlegst, dass sie auf einem bestimmten Port l\u00e4uft:<\/p>\n Um deine Node.js-Anwendung zu starten, f\u00fchre den Befehl aus:<\/p>\n Eine solche Anwendung zu starten, bedeutet jedoch, dass du sie jedes Mal neu starten musst, wenn du \u00c4nderungen an deinem Projekt vornimmst. Um diese Unannehmlichkeit zu umgehen, kannst du F\u00fchre nun deine Node.js-Anwendung mit automatischen Neustarts aus, indem du den folgenden Befehl verwendest:<\/p>\n In diesem Leitfaden erstellst du eine Node.js-Anwendung, die Inhalte im Browser anzeigt. Dazu verwendest du express.js als Web-Framework und EJS (Embedded JavaScript) als Templating-Engine.<\/p>\n Um EJS als View-Engine festzulegen, f\u00fcgst du die folgende Zeile in deine app.js<\/strong>-Datei ein. Dadurch wird es m\u00f6glich, Jetzt, wo Express mit EJS konfiguriert ist, definierst du deine Routen. In Webanwendungen legen Routen fest, wie die Anwendung auf verschiedene HTTP-Anfragen (z. B. GET oder POST) reagiert und welche Aktionen ausgef\u00fchrt werden sollen, wenn eine bestimmte URL aufgerufen wird.<\/p>\n Erstelle zum Beispiel eine Route, die eine bestimmte Seite l\u00e4dt, wenn ein Nutzer zur Indexseite<\/strong> ( Im obigen Code f\u00fchrt der Server die als zweiten Parameter angegebene Callback-Funktion aus, wenn ein Nutzer auf den Index<\/strong> deiner Anwendung zugreift. In dieser Callback-Funktion kannst du die Logik zum Rendern einer EJS-Vorlage oder zum Senden von HTML<\/a>-Inhalten, die auf der Homepage angezeigt werden sollen, verarbeiten.<\/p>\n Du kannst die Methode Wenn du deine Anwendung startest, wird „Hello World“ auf der Indexseite<\/strong> angezeigt.<\/p>\n Dieses Tutorial konzentriert sich auf die Logik und enth\u00e4lt Starterdateien, damit du dich nicht um die Erstellung von Vorlagen k\u00fcmmern musst. Befolge diese Schritte, um loszulegen:<\/p>\n Im Startcode gibt es zwei Hauptordner: public<\/strong> und views<\/strong>. Der Ordner public<\/strong> enth\u00e4lt alle statischen Elemente (CSS-Dateien und Bilder). Sie werden der Vorlage als statische Dateien hinzugef\u00fcgt:<\/p>\n Im Ordner views<\/strong> findest du die Datei layout.ejs<\/strong> und zwei Ordner: pages<\/strong> und partials<\/strong>. Die Datei layout.ejs<\/strong> enth\u00e4lt das allgemeine Layout des Projekts, damit du nicht f\u00fcr alle Seiten einen wiederkehrenden Code verwenden musst. Importiere die Bibliothek Der Ordner pages<\/strong> enth\u00e4lt die Routendateien (index.ejs<\/strong> und operation.ejs<\/strong>), w\u00e4hrend der Ordner partials<\/strong> Komponenten enth\u00e4lt (header.ejs<\/strong> und footer.ejs<\/strong>). F\u00fcge sie wie folgt zum Layout hinzu:<\/p>\n Wenn du deine Node.js-Anwendung startest<\/a>, wird die Benutzeroberfl\u00e4che geladen, aber du musst dieser Anwendung eine Logik hinzuf\u00fcgen, um die Formulardaten an die Kinsta-API zu senden und Informationen \u00fcber die Website an Slack zu senden, wenn der Vorgang beginnt.<\/p>\n Slack Incoming Webhooks bieten eine einfache M\u00f6glichkeit, Nachrichten von externen Anwendungen an Slack zu senden. Um Slack Incoming Webhooks zu nutzen, erstellst und konfigurierst du eine Slack-Anwendung und kopierst dann deine Webhook-URL, um Nachrichten programmatisch an Slack zu senden.<\/p>\n Erstelle eine neue Slack-Anwendung, indem du diese Schritte ausf\u00fchrst:<\/p>\n Sobald deine Slack-Anwendung erstellt ist, kannst du eingehende Webhooks aktivieren, indem du zu Funktionen<\/strong> navigierst und eingehende Webhooks<\/strong> ausw\u00e4hlst. Schalte den Schalter um, um eingehende Webhooks f\u00fcr deine Anwendung\u00a0zu aktivieren.<\/p>\n Scrolle runter zum Abschnitt Webhook-URLs f\u00fcr deinen Arbeitsbereich<\/strong> und klicke auf Neuen Webhook zum Arbeitsbereich hinzuf\u00fcgen<\/strong>. Du wirst aufgefordert, einen Kanal auszuw\u00e4hlen, \u00fcber den die Nachrichten gesendet werden sollen. W\u00e4hle den gew\u00fcnschten Kanal und klicke auf Autorisieren<\/strong>.<\/p>\n Nach der Autorisierung erh\u00e4ltst du eine Webhook-URL f\u00fcr den ausgew\u00e4hlten Kanal. Diese URL verwendest du, um Nachrichten programmgesteuert an Slack zu senden. So sieht eine Webhook-URL aus:<\/p>\n Dieser Webhook ist f\u00fcr einen einzigen Nutzer und einen einzigen Kanal bestimmt. Bewahre ihn sicher auf, denn er dient als Authentifizierungs-Token f\u00fcr deine Anwendung. Du kannst die eindeutigen Codes nach Jetzt, da die Schnittstelle deiner Node.js-Anwendung eingerichtet und der Slackbot erfolgreich erstellt wurde (zusammen mit deiner WebHook-URL), ist es an der Zeit, sich um die Logik zu k\u00fcmmern.<\/p>\n Auf der Index<\/strong>-Seite gibt es ein Formular, das Daten an die Kinsta-API sendet, um eine neue WordPress-Seite zu erstellen. Damit das funktioniert, musst du eine POST-Anfrage von der Index-Seite erstellen. Achte darauf, dass dein Formular eine Methode Um Daten aus einem Formular in Node.js abzurufen, musst du die folgende Middleware verwenden:<\/p>\n Jetzt kannst du mit Wenn du deinen Code ausf\u00fchrst, werden die Formulardaten angezeigt, nachdem du das Formular ausgef\u00fcllt und auf die Schaltfl\u00e4che Senden<\/strong> geklickt hast.<\/p>\n Um eine WordPress-Website mit der Kinsta-API in Node.js zu erstellen, kannst du die Methode Um eine Operation mit der Kinsta-API durchzuf\u00fchren, musst du einen API-Schl\u00fcssel<\/a> generieren. So generierst du einen API-Schl\u00fcssel:<\/p>\n Kopiere den generierten API-Schl\u00fcssel und bewahre ihn sicher auf, da er nur in diesem Moment sichtbar ist. F\u00fcr dieses Projekt erstellst du eine .env<\/strong>-Datei in deinem Stammverzeichnis und speicherst den API-Schl\u00fcssel als Um eine WordPress-Site mit der Kinsta-API zu erstellen, brauchst du au\u00dferdem deine Unternehmens-ID (die du in MyKinsta unter Unternehmen<\/strong> > Rechnungsdetails<\/strong> > Unternehmens-ID<\/strong> findest). Speichere diese ID auch in der .env<\/strong>i<\/strong>-Datei<\/span>, damit du \u00fcber <\/span> Um mit der Erstellung einer WordPress-Site \u00fcber die Kinsta-API fortzufahren, sende eine POST-Anfrage an den Wenn du den obigen Code ausf\u00fchrst, erstellst du eine neue WordPress-Website mit der Kinsta-API. Aber das ist nicht das Hauptziel. Das Ziel ist es, eine Nachricht an Slack zu senden, die Informationen \u00fcber die Website enth\u00e4lt, wenn die Erstellung der Website erfolgreich war.<\/p>\n Dazu erstellst du eine If<\/strong>-Anweisung, um den Antwortstatus der API-Anfrage zu \u00fcberpr\u00fcfen. Wenn sie F\u00fchre den obigen Code aus und f\u00fclle das Formular zur Erstellung einer Website aus. Wenn der Vorgang erfolgreich ist, wird sofort eine Nachricht an Slack gesendet.<\/p>\n Das obige Beispiel sendet eine einfache Textnachricht, aber Slack Incoming Webhooks unterst\u00fctzen viel mehr als einfachen Text. Du kannst deine Nachrichten so anpassen, dass sie Anh\u00e4nge, Links, Bilder, Schaltfl\u00e4chen und mehr enthalten.<\/p>\n Eine M\u00f6glichkeit, wie du Slack-Nachrichten anpassen kannst, ist die Verwendung des Slack Block Kit Builders<\/a>. Das Block Kit ist ein von Slack bereitgestelltes UI-Framework, mit dem du umfangreiche und interaktive Nachrichten mit verschiedenen Inhaltselementen erstellen kannst.<\/p>\n F\u00fcr diesen Leitfaden haben wir einen Block mit dem Block Kit Builder erstellt, um die Nachricht richtig zu formatieren und einige Werte aus dem Formular und der Antwort auf die Website-Erstellung hinzuzuf\u00fcgen:<\/p>\n In diesem Code erstellst du ein Nachrichtenobjekt, das ein Array von Bl\u00f6cken enth\u00e4lt. Jeder Block steht f\u00fcr einen bestimmten Abschnitt der Slack-Nachricht und kann verschiedene Arten von Inhalten enthalten.<\/p>\n Wenn diese Nachricht mit dem Incoming Webhook an Slack gesendet wird, erzeugt sie eine visuell ansprechende und informative Nachricht in deinem Slack-Kanal. Die Nachricht enth\u00e4lt dynamische Werte aus dem Formular (z. B. den Namen der Website) und Informationen aus der Antwort auf die Website-Erstellung, was sie zu einer sehr individuellen und personalisierten Nachricht macht.<\/p>\n Um diese individuelle Nachricht zu versenden, ersetze das Objekt im Body der In der an Slack gesendeten Nachricht wird ein Link erstellt, der die ID und den Anzeigenamen der Operation enth\u00e4lt. Du kannst eine neue Route f\u00fcr die Seite Vorg\u00e4nge<\/strong> erstellen, um diese Daten zu verwenden und den Status des Vorgangs zu \u00fcberpr\u00fcfen.<\/p>\n In Express kannst du auf URL-Parameter mit dem Parameter Wenn du mit dem obigen Code auf den Link in Slack klickst, wird eine Anfrage an die Kinsta-API gestellt, um den Betriebsstatus deiner Website zu \u00fcberpr\u00fcfen. Aktualisiere die Datei operation.ejs<\/strong>, um dynamische Daten hinzuzuf\u00fcgen:<\/p>\n Als Letztes kannst du die Redirect-Methode verwenden, um zur Vorgangsseite zu navigieren, wenn der Erstellungsprozess einer Website beginnt:<\/p>\n Der vollst\u00e4ndige Quellcode f\u00fcr dieses Projekt ist im Hauptzweig dieses GitHub-Repositorys<\/a> verf\u00fcgbar.<\/p>\n Du kannst diese Node.js-Anwendung ganz einfach auf der Anwendungs-Hosting<\/a>-Plattform von Kinsta bereitstellen. Dazu musst du nur deinen Code zu deinem bevorzugten Git-Anbieter (Bitbucket<\/a>, GitHub<\/a> oder GitLab<\/a>) pushen. Dann befolge diese Schritte:<\/p>\n Schlie\u00dflich ist es nicht sicher, API-Schl\u00fcssel an \u00f6ffentliche Hosts wie deinen Git-Provider weiterzugeben. Beim Hosten kannst du sie als Umgebungsvariablen<\/a> hinzuf\u00fcgen, indem du denselben Variablennamen und Wert wie in der .env<\/strong>-Datei angibst.<\/p>\n![\"Das](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/08\/kinsta-services-slack.gif\")
Voraussetzungen<\/h3>\n
\n
Einrichten der Entwicklungsumgebung<\/h2>\n
mkdir my-express-app \ncd my-express-app \nnpm init -y<\/code><\/pre>\nnpm init -y<\/code> ausgef\u00fchrt hast, wird im Verzeichnis deines Projekts eine neue package.json<\/strong>-Datei mit Standardwerten erstellt. Diese Datei enth\u00e4lt wichtige Informationen \u00fcber dein Projekt und seine Abh\u00e4ngigkeiten.<\/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> verwenden, das du bereits installiert hast. Konfiguriere sie in deiner package.json<\/strong> Datei, indem du einen Skriptbefehl erstellst:<\/p>\n \"scripts\": {\n \"dev\": \"nodemon app.js\"\n },<\/code><\/pre>\nnpm run dev<\/code><\/pre>\nErste Schritte mit Express und EJS Templating<\/h3>\n
.ejs<\/code> Dateien auszuf\u00fchren:<\/p>\n\/\/ Use EJS as the view engine \napp.set('view engine', 'ejs');<\/code><\/pre>\n\/<\/code>) navigiert. Dazu verwendest du die GET-Anforderungsmethode.<\/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> verwenden, um eine EJS-Vorlage zu rendern, oder res.send()<\/code>, um einfache HTML-Inhalte zu senden.<\/p>\napp.get('\/', (req, res) => {\n res.send('Hello World');\n});<\/code><\/pre>\nEJS-Vorlagen erstellen<\/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> in die Datei app.js<\/strong> und konfiguriere sie dann:<\/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>\nErste Schritte mit Slack Incoming Webhooks<\/h2>\n
Einrichten einer Slack-Anwendung und Abrufen der Webhook-URL<\/h3>\n
\n
https:\/\/hooks.slack.com\/services\/T00000000\/B00000000\/XXXXXXXXXXXXXXXXXXXXXXXX<\/code><\/pre>\n\/services\/<\/code> in deiner .env<\/strong>-Datei speichern. Du wirst au\u00dferdem aufgefordert, die Anwendung in deinem Arbeitsbereich neu zu installieren, damit die \u00c4nderungen wirksam werden.<\/p>\nNachrichten mit Node.js und der Kinsta-API an Slack senden<\/h2>\n
Formulardaten in Node.js abrufen<\/h3>\n
POST<\/code> hat und die Eingabefelder ein name<\/code> Attribut haben, das in der app.js<\/strong> Datei verwendet wird.<\/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> auf deine Formularwerte zugreifen. Unter req.body.displayName<\/code> findest du zum Beispiel den Anzeigenamen, den du \u00fcber das Formular eingegeben hast. Lass uns die gesamten Formulardaten protokollieren:<\/p>\napp.post('\/', (req, res) => {\n console.log(req.body);\n});<\/code><\/pre>\n![\"Formulardetails,](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/08\/req-details-node-js.jpg\")
Website-Erstellung mit der Kinsta-API in Node.js<\/h3>\n
fetch()<\/code> verwenden, die jetzt in den neuesten Node.js-Versionen<\/a> unterst\u00fctzt wird und effizient funktioniert.<\/p>\n\n
KINSTA_API_KEY<\/code>.<\/p>\nprocess.env<\/code> auf diese Umgebungsvariablen zugreifen kannst. Um diese Funktion zu aktivieren, musst du die Abh\u00e4ngigkeit <\/span>dotenv<\/code> am Anfang deiner <\/span>app.js<\/strong>-Datei wie folgt konfigurieren:<\/span><\/p>\nrequire('dotenv').config();<\/code><\/pre>\n\/sites<\/a><\/code> endpunkt und gib die erforderlichen Daten im req.body<\/code> Objekt an:<\/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>\nSende eine Nachricht an Slack mit der eingehenden Webhook-URL<\/h3>\n
202<\/code> lautet, bedeutet das, dass die Website-Erstellung begonnen hat und du eine Nachricht mit der eingehenden Webhooks-URL an Slack senden kannst. Um dies zu erreichen, kannst du deine bevorzugte HTTP-Anforderungsbibliothek (z. B. Axios<\/a>) oder Methode verwenden, um eine POST-Anforderung an Slack zu senden. Wir verwenden die Methode 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\")
Slack-Nachrichten anpassen<\/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>, um anzuzeigen, dass es sich um einen Abschnittsblock handelt. Innerhalb des Abschnittsblocks wird die Eigenschaft text mit type: 'mrkdwn'<\/code> verwendet, um anzugeben, dass der Textinhalt im Markdown-Format interpretiert werden soll. Der eigentliche Textinhalt wird in der text-Eigenschaft angegeben, und wir verwenden Vorlagenliterale, um dynamische Werte aus dem Formular und der Antwort auf die Website-Erstellung einzubinden, wie req.body.displayName<\/code> und data.operation_id<\/code>.<\/li>\ntype: 'divider'<\/code>, um den Divider Block zu erstellen.<\/li>\n<\/ol>\nfetch()<\/code> durch den Inhalt der Nachrichtenvariable:<\/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![\"Slack-Nachricht,](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/08\/slack-block-kit-builder-message.jpg\")
Website-Erstellung mit der Kinsta-API abwickeln<\/h2>\n
req<\/code> zugreifen. Um zum Beispiel die Vorgangs-ID zu erhalten, verwendest du 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![\"Die](\"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>\nBereitstellen deiner Node.js-Anwendung auf Kinsta<\/h2>\n
\n
![\"Setze](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/08\/set-env-mykinsta.jpg\")