Erstellen eines Chatbots in JavaScript: Schritt-für-Schritt-Anleitung für Anfänger

Nicht nur "Hallo Welt": Ihr erster lebendiger Chatbot in JavaScript

Chatbots sind längst kein Spielzeug für Geeks mehr. Heute sind sie ein Arbeitswerkzeug: vom technischen Support bis zum Pizzaversand. Und wenn Sie denken, dass Sie für die Erstellung eines Bots C++ oder Python können müssen – ich freue mich, Sie zu überraschen. Die Erstellung eines Chatbots in JavaScript ist machbar, schnell und unglaublich spannend.

In diesem Artikel werden wir keine trockene Theorie behandeln. Wir nehmen und bauen einen vollwertigen Telegram Bot JavaScript, der Fragen beantwortet, Benutzer speichert und sogar Witze macht. Und dann zeige ich Ihnen, wie Sie ihn ganz einfach in einen Chatbot für Ihre Webseite verwandeln können.

Bereit? Dann öffnen Sie Ihren Lieblingseditor, installieren Sie Node.js, und los geht's!

Was brauchen wir?

\n
• Node.js (Version 16+) – die Laufzeitumgebung. Herunterladen von der offiziellen Website.
\n
• Irgendein Code-Editor – VS Code, WebStorm oder sogar Notepad (aber ich empfehle es nicht).
\n
• Geduld und eine Tasse Kaffee – den Rest erledigt JavaScript.
\n

Als Testplattform nehmen wir Telegram – es hat eine einfache API und jede Menge Dokumentation. Später können Sie den Code für Discord, Slack oder Ihre eigene Webseite anpassen.

Schritt 1. Bot registrieren und Token erhalten

Bevor wir Code schreiben, müssen wir einen Bot "erzeugen". Das geschieht über den Hauptbot von Telegram – @BotFather.

\n
1. Öffnen Sie Telegram und suchen Sie BotFather.
\n
2. Schreiben Sie den Befehl /newbot.
\n
3. Überlegen Sie sich einen Namen (z.B. MyFirstJBot) und einen Benutzernamen (muss auf bot enden, z.B. my_first_js_bot).
\n
4. Erhalten Sie den Token – eine lange Zeichenfolge wie 123456:ABC-DEF1234ghIkl-zyx57W2v1u123ew11. Das ist das Passwort Ihres Bots.
\n

Bewahren Sie den Token an einem sicheren Ort auf. Wenn Sie ihn verlieren, müssen Sie einen neuen Bot erstellen.

Schritt 2. Projekt einrichten und Abhängigkeiten installieren

Erstellen wir einen Ordner für das Projekt und initialisieren npm:

mkdir my-telegram-bot\ncd my-telegram-bot\nnpm init -y

Jetzt installieren wir die Bibliothek node-telegram-bot-api – das ist das beliebteste Paket zur Erstellung eines Chatbots auf Node.js:

npm install node-telegram-bot-api

Fertig. Erstellen Sie nun eine Datei bot.js und öffnen Sie sie im Editor.

Schritt 3. Das "Skelett" des Bots schreiben

Beginnen wir mit dem Einfachsten – der Bot wird auf den Befehl /start antworten und jede Nachricht des Benutzers wiederholen.

const TelegramBot = require('node-telegram-bot-api');\n\nconst token = 'IHR_TOKEN_HIER';\nconst bot = new TelegramBot(token, { polling: true });\n\nbot.onText(/\\/start/, (msg) => {\n  const chatId = msg.chat.id;\n  bot.sendMessage(chatId, `Hallo, ${msg.from.first_name}! Ich bin dein erster Chatbot in JavaScript. Wie kann ich helfen?`);\n});\n\nbot.on('message', (msg) => {\n  const chatId = msg.chat.id;\n  const text = msg.text;\n\n  // Ignoriere Befehle, um doppelte Antworten zu vermeiden\n  if (text.startsWith('/')) return;\n\n  bot.sendMessage(chatId, `Du hast geschrieben: "${text}". Und ich bin ein Echo-Bot!`);\n});\n

Starten:

node bot.js

Schreiben Sie dem Bot in Telegram – er wird antworten. Herzlichen Glückwunsch! Sie haben gerade einen Chatbot in JavaScript erstellt. Ja, er ist noch dumm, aber das ist erst der Anfang.

Schritt 4. Logik hinzufügen: Ein einfacher FAQ-Bot

Echo-Bots werden schnell langweilig. Lassen Sie uns den Bot so einrichten, dass er auf bestimmte Fragen antwortet. Das ähnelt bereits einem echten Chatbot für eine Webseite.

Erstellen wir eine einfache Wissensdatenbank in Form eines Objekts:

const faq = {\n  'wie geht es dir': 'Super! Und dir?',\n  'was kannst du': 'Ich kann einfache Fragen beantworten und Witze erzählen.',\n  'erzähl einen witz': 'Geht ein