Freigeben über


Erstellen eines interaktiven Benachrichtigungsbots

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 Neuen Codespace erstellen 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. Wählen Sie Hinzufügen aus, um Ihren interaktiven Benachrichtigungsbot in Teams zu installieren.

    Screenshot des Dialogfelds mit den App-Details zum Installieren der Benachrichtigungs-Bot-App in Teams.

    Wenn die App hinzugefügt wird, wird ein Dialogfeld angezeigt, in dem Sie den Bereich für die Verwendung Ihrer App auswählen können.

  6. Wählen Sie Öffnen aus, um die App im persönlichen Bereich zu öffnen.

    Alternativ können Sie entweder den erforderlichen Bereich suchen und auswählen oder einen Kanal, Chat oder eine Besprechung aus der Liste auswählen und durch das Dialogfeld navigieren, um Los auszuwählen.

    Screenshot des Dialogfelds zur Bereichsauswahl mit den Optionen zur Auswahl aus freigegebenen Bereichen.

  7. Ö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:

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