Erstellen eines interaktiven Benachrichtigungsbots

  • Artikel

Für eine interaktive Benachrichtigung sendet ein Bot Nachrichten in einem Teams-Kanal, Gruppenchat oder persönlichen Chat. Sie können einen interaktiven Benachrichtigungsbot mit einer HTTP-Anforderung auslösen, z. B. Karten oder SMS. Verwenden Sie für proaktive Benachrichtigungen von Registerkarten-Apps Aktivitätsfeedbenachrichtigungen.

Screenshot: Konzeptioneller Benachrichtigungsbot im Teams-Client

In diesem Tutorial erfahren Sie mehr über eine interaktive Benachrichtigungsbot-App auf eine der folgenden Arten.

  • GitHub Codespaces: Der Codespace instance ermöglicht es Ihnen, eine Teams-App sofort zu erleben. Es wird Visual Studio Code (VS Code) geöffnet, in dem die Teams Toolkit-Erweiterung, der App-Quellcode und alle Abhängigkeiten für Sie vorab gepackt sind.
  • Schritt-für-Schritt-Anleitung: Ermöglicht Ihnen, Ihre Entwicklungsumgebung einzurichten und von Anfang an eine Teams-App zu erstellen.

Bevor Sie Ihren Codespace erstellen, stellen Sie sicher, dass die folgenden Voraussetzungen erfüllt sind:

Tipp

GitHub Codespaces bietet einen kostenlosen Plan mit einer festen Nutzungsmenge pro Monat. Wenn Sie mehr Speicherplatz freigeben müssen, wechseln Sie zu github.com/codespaces , und löschen Sie den codespace, den Sie nicht mehr benötigen.

Führen Sie die folgenden Schritte aus, um einen interaktiven Teams-Benachrichtigungsbot mit GitHub Codespaces zu erstellen:

  1. Wählen Sie die folgende Schaltfläche aus, um GitHub Codespaces zu öffnen.

    Öffnen der Registerkarte

    Möglicherweise werden Sie aufgefordert, sich beim GitHub-Konto anzumelden, wenn Sie dies noch nicht getan haben.

  2. Wählen Sie Create neuen Codespace aus.

    Screenshot: GitHub-Seite zum Erstellen eines Codespaces für den Bot

    Die Seite Codespace einrichten wird angezeigt.

    Screenshot: Codespace zum Erstellen Ihres Benachrichtigungsbots

    Teams Toolkit bereitet ein interaktives Benachrichtigungsbot-Projekt für Sie vor und öffnet es in VS Code im Browser. Das Symbol Teams Toolkit wird in der Aktivitätsleiste von VS Code angezeigt.

  3. Wählen Sie Bei Microsoft 365 anmelden und Bei Azure anmelden aus, um sich mit Ihrem Microsoft 365-Konto anzumelden.

    Screenshot: Fenster

    Hinweis

    Wenn Sie Ihre App erstellen, lädt GitHub Codespaces sie auf einer neuen Registerkarte auf den Teams-Client. Wenn Ihr Browser Popupregisterkarten oder Fenster blockiert, müssen Sie Popups zulassen, damit Ihre App geöffnet wird.

  4. Wählen Sie Vorschau Ihrer Teams-App (F5) aus.

    Screenshot: Fenster

    GitHub Codespaces erstellt Ihre interaktive Benachrichtigungsbot-App, lädt sie in den Teams-Client und öffnet sie in einer separaten Browserregisterkarte.

  5. Sobald das App-Dialogfeld angezeigt wird, wählen Sie Hinzufügen aus, um Ihren interaktiven Benachrichtigungsbot in Teams zu installieren.

    Screenshot: Benachrichtigungsbot, der im Teams-Client geladen wurde

  6. Öffnen Sie ein neues Terminal in Ihrem Codespace, und führen Sie den folgenden Befehl aus, um ein Ereignis zum Senden einer interaktiven Benachrichtigung an Ihren Bot auszulösen:

    curl -X POST http://localhost:3978/api/notification

    Tipp

    Ereignisse werden in Echtzeit von einer externen Quelle ausgelöst, z. B. durch eine Drittanbieter-API, die den Benachrichtigungsbot dazu veranlassen, dem Benutzer eine interaktive Benachrichtigung zu senden. Zum Emulieren eines Ereignistriggers können Sie ein Ereignis manuell über curl-Befehle im Terminal senden.

    Die Benachrichtigungsbot-App sendet eine interaktive Benachrichtigung als adaptive Karte an Ihren Teams-Client:

    Screenshot: Im Teams-Client geladener Benachrichtigungsbot

    Sie haben nun erfolgreich einen interaktiven Benachrichtigungsbot erstellt und in den Teams-Client geladen.

Wenn Sie eine Nachrichtenerweiterung erstellen möchten, wechseln Sie zu:

Erstellen einer Nachrichtenerweiterung

Wenn Sie eine einfache Registerkarten-App erstellen möchten, wechseln Sie zu:

Erstellen Ihrer einfachen Registerkarten-App