Erstellen eines botbasierten Nachrichtenerweiterungs-Plug-Ins für Microsoft 365 Copilot
Hinweis
- Botbasiertes Suchnachrichtenerweiterungs-Plug-In ist in der öffentlichen Entwicklervorschau verfügbar.
- Nur botbasierte Suchnachrichtenerweiterungen können als Plug-In in Microsoft 365 Copilot erweitert werden.
- Plug-Ins für Microsoft 365 Copilot befinden sich in der Vorschauphase und funktionieren nur in Microsoft 365 Copilot in Microsoft Teams.
Starten Sie die Entwicklung von Microsoft Teams-Apps mit Ihrer ersten Teams-App. Sie können ein botbasiertes Nachrichtenerweiterungs-Plug-In mit Teams mithilfe von JavaScript erstellen.
In diesem Tutorial erfahren Sie Folgendes:
- Einrichten eines neuen Projekts mit dem Teams-Toolkit.
- Erstellen eines botbasierten Nachrichtenerweiterungs-Plug-Ins.
- So stellen Sie Ihre App bereit.
- Lösen Sie Ihr botbasiertes Nachrichtenerweiterungs-Plug-In in Microsoft 365 Copilot aus.
Diese Schritt-für-Schritt-Anleitung hilft Ihnen beim Erstellen eines botbasierten Nachrichtenerweiterungs-Plug-Ins mit Teams Toolkit. Die folgende Ausgabe wird angezeigt, nachdem Sie diese Anleitung abgeschlossen haben:
Voraussetzungen
Stellen Sie sicher, dass Sie die folgenden Tools zum Erstellen und Bereitstellen Ihrer Apps installieren.
| Installieren | Zum Benutzen... | |
|---|---|---|
| Required | ||
| Visual Studio Code | JavaScript oder TypeScript, Buildumgebungen. Verwenden Sie die neueste Version. | |
| Teams Toolkit | Microsoft Visual Studio Code-Erweiterung, die ein Projektgerüst für Ihre App erstellt. Verwenden Sie die Vorabversion. | |
| Node.js | Back-End-JavaScript-Laufzeitumgebung. Weitere Informationen finden Sie unter Node.js Versionskompatibilitätstabelle für den Projekttyp. | |
| Microsoft Teams | Microsoft Teams für die Zusammenarbeit mit allen, mit denen Sie arbeiten, über Apps für Chats, Besprechungen und Anrufe an einem Ort. | |
| Microsoft Edge (empfohlen) oder Google Chrome | Ein Browser mit Entwicklertools. | |
| Microsoft 365-Entwicklerkonto | Zugriff auf das Teams-Konto mit den entsprechenden Berechtigungen zum Installieren einer App. | |
| Microsoft 365 Copilot | Microsoft 365 Copilot befindet sich in der öffentlichen Vorschau. Stellen Sie sicher, dass Microsoft 365 Copilot für Ihre organization verfügbar ist. Sie haben zwei Möglichkeiten, eine Entwicklerumgebung für Microsoft 365 Copilot zu erhalten: – Ein Sandbox-Microsoft 365-Mandant mit Microsoft 365 Copilot (in eingeschränkter Vorschau über DIE TAP-Mitgliedschaft verfügbar). – Eine Produktionsumgebung für Unternehmenskunden mit Microsoft 365 Copilot Lizenzen. |
|
| Optional | ||
| Azure Tools für Visual Studio Code und Azure CLI | Azure-Tools für den Zugriff auf gespeicherte Daten oder die Bereitstellung eines cloudbasierten Back-Ends für Ihre Teams-App in Azure. | |
| React Developer Tools für Chrome ODER React Developer Tools für Microsoft Edge | Eine DevTools-Browsererweiterung für die Open-Source-React JavaScript-Bibliothek. |
Vorbereiten der Entwicklungsumgebung
Nachdem Sie die erforderlichen Tools installiert haben, richten Sie die Entwicklungsumgebung ein.
Installieren des Teams-Toolkits
Hinweis
Die Unterstützung des Teams-Toolkits für botbasierte Nachrichtenerweiterungen ist nur in der Vorabversion des Teams Toolkits verfügbar. Bevor Sie beginnen, stellen Sie sicher, dass Sie eine Vorabversion des Teams Toolkits installiert haben.
Das Microsoft Teams-Toolkit vereinfacht den Entwicklungsprozess mit Tools zum Bereitstellen und Bereitstellen von Cloudressourcen für Ihre App und zum Veröffentlichen im Teams Store.
Sie können das Teams-Toolkit mit Visual Studio Code verwenden. Führen Sie die folgenden Schritte aus, um das Teams-Toolkit zu installieren:
Öffnen Sie Visual Studio Code, und wählen Sie Erweiterungen (STRG+UMSCHALT+X / ⌘⇧-X oder Erweiterungen anzeigen > ) aus.
Geben Sie im Suchfeld Teams Toolkit ein.
Wählen Sie auf der Seite Teams Toolkit den Dropdownpfeil neben Installieren aus.
Wählen Sie Vorabversion installieren aus.
Das Symbol Teams Toolkit
wird in der Visual Studio Code-Aktivitätsleiste angezeigt, nachdem es installiert wurde.
Einrichten Ihres Teams-Entwicklungsmandanten
Ein Mandant ist ein Raum oder Ein Container für Ihre organization in Teams, in dem Sie chatten, Dateien freigeben und Besprechungen ausführen. Dieser Bereich ist auch der Ort, an dem Sie Ihre App hochladen und testen. Lassen Sie uns überprüfen, ob Sie bereit sind, mit dem Mandanten zu entwickeln.
Option "Auf App-Upload überprüfen"
Nachdem Sie die App erstellt haben, müssen Sie ihre App in Teams laden, ohne sie zu verteilen. Dieser Vorgang wird als App-Upload bezeichnet. Melden Sie sich bei Ihrem Microsoft 365-Konto an, um diese Option anzuzeigen.
Hinweis
Stellen Sie sicher, dass Sie das Hochladen von Apps in die Vorschau und zum Testen von Apps in der lokalen Teams-Umgebung aktivieren.
Das Hochladen benutzerdefinierter Apps wird über einen Mandanten aktiviert, und der Administrator muss Zugriff zum Hochladen einer benutzerdefinierten App gewähren. Verfügen Sie bereits über einen Mandanten und einen Administratorzugriff? Lassen Sie uns überprüfen, ob Sie dies wirklich tun!
Überprüfen Sie, ob Sie Apps in Teams hochladen können:
Wählen Sie im Teams-Client das Symbol Apps aus.
Wählen Sie Verwalten Ihrer Apps aus.
Wählen Sie App hochladen aus.
Suchen Sie nach der Option Hochladen einer benutzerdefinierten App. Wenn die Option angezeigt wird, haben Sie den benutzerdefinierten App-Upload aktiviert.
Hinweis
Wenden Sie sich an Ihren Teams-Administrator, wenn Sie die Option zum Hochladen einer benutzerdefinierten App nicht finden.
Erstellen eines kostenlosen Teams-Entwicklermandanten (optional)
Wenn Sie nicht über ein Teams-Entwicklerkonto verfügen, können Sie es kostenlos erhalten. Nehmen Sie am Microsoft 365-Entwicklerprogramm teil!
Gehen Sie zu Microsoft 365-Entwicklerprogramm.
Wählen Sie Jetzt beitreten aus, und folgen Sie den Anweisungen auf dem Bildschirm.
Wählen Sie auf der Willkommensseite E5-Abonnement einrichten aus.
Einrichten Ihres Administratorkontos. Nachdem Sie fertig sind, wird der folgende Bildschirm angezeigt.
Melden Sie sich bei Teams mit dem Administratorkonto an, das Sie gerade eingerichtet haben. Vergewissern Sie sich, dass Sie über die Option Benutzerdefinierte App hochladen in Teams verfügen.
Abrufen eines kostenlosen Azure-Kontos
Wenn Sie Ihre App hosten oder auf Ressourcen in Azure zugreifen möchten, benötigen Sie ein Azure-Abonnement. Erstellen Sie ein kostenloses Konto , bevor Sie beginnen.
Jetzt verfügen Sie über alle Tools zum Einrichten Ihres Kontos. Richten Sie als Nächstes Ihre Entwicklungsumgebung ein, und beginnen Sie mit dem Erstellen! Wählen Sie die App aus, die Sie zuerst erstellen möchten.
Erstellen eines Projektarbeitsbereichs für Ihre Nachrichtenerweiterungs-App
Sie haben Ihre Bot-App erstellt. Nun erstellen wir Ihre erste Nachrichtenerweiterungs-App.
Mit der Nachrichtenerweiterungsfunktion können Sie mit einem Webdienst interagieren. Verwenden Sie den Verfassenbereich, das Befehlsfeld oder ein Messaging im Teams-Client, um Aktionen in einem externen System zu suchen und zu initiieren.
Es gibt zwei Arten von Teams-Nachrichtenerweiterungen:
- Suchbefehle: Sie können externe Systeme durchsuchen. Anschließend können Sie die Ergebnisse in Form eines Karte in eine Nachricht einfügen.
- Aktionsbefehle: Sie können Ihren Benutzern ein modales Popupfenster zum Sammeln oder Anzeigen von Informationen anzeigen. Anschließend können Sie deren Interaktion verarbeiten und Informationen an Teams zurücksenden.
Erstellen Sie eine Nachrichtenerweiterung mit einem Suchbefehl. Verwenden Sie es, um nach externen Daten zu suchen und die Ergebnisse in eine Nachricht innerhalb des Teams-Clients einzufügen.
Da Sie sich bereits auf die Erstellung dieser Apps vorbereitet haben, können Sie ein neues Teams-Projekt zum Erstellen der Nachrichtenerweiterungs-App einrichten.
Hinweis
- Nachrichtenerweiterungen basieren auf Bots, um einen Dialog zwischen dem Benutzer und Ihrem Code bereitzustellen.
- Nur botbasierte Suchnachrichtenerweiterungen können als Plug-In für Microsoft 365 Copilot erweitert werden.
In diesem Tutorial erfahren Sie Folgendes:
- Einrichten eines neuen Nachrichtenerweiterungsprojekts mit dem Teams-Toolkit.
- Informationen zur Verzeichnisstruktur Ihres App-Projekts.
Erstellen Ihres Arbeitsbereichs für das Nachrichtenerweiterungsprojekt
Wenn die Voraussetzungen erfüllt sind, fangen wir an!
Führen Sie die folgenden Schritte aus, um ein botbasiertes Nachrichtenerweiterungs-Plug-In zu erstellen:
Öffnen Sie Visual Studio Code.
Wählen Sie das Symbol Teams Toolkit
in der Visual Studio Code-Aktivitätsleiste aus.Wählen Sie Neue App erstellenaus.
Wählen Sie Nachrichtenerweiterung aus, um eine App mit dem Teams Toolkit zu erstellen.
Wählen Sie Benutzerdefinierte Suchergebnisseaus.
Wählen Sie Mit einem Bot starten aus.
Wählen Sie JavaScript als Programmiersprache aus.
Wählen Sie Standardordner aus, um ihren Projektstammordner am Standardspeicherort zu speichern.
Sie können den Standardspeicherort auch mithilfe der folgenden Schritte ändern:
Wählen Sie Durchsuchen aus.
Wählen Sie den Speicherort für den Projektarbeitsbereich aus.
Wählen Sie ordner auswählen aus.
Geben Sie einen geeigneten Namen für Ihre App ein. Drücken Sie die EINGABETASTE.
Teams Toolkit erstellt die App in wenigen Sekunden.
Nachdem Ihre App erstellt wurde, zeigt das Teams-Toolkit die folgende Meldung an:
Sie können Lokales Debuggen auswählen, um eine Vorschau Ihres Projekts anzuzeigen.
Eine kurze Zusammenfassung der Erstellung einer Teams-App.
Sehen Sie sich diese kurze Zusammenfassung zum Erstellen einer Teams-App an.
Machen Sie sich einen Überblick über den Quellcode der Nachrichtenerweiterungs-App
Eine Nachrichtenerweiterung verwendet Bot Framework. Sie verwenden es, um über eine Unterhaltung mit Ihrem Dienst zu interagieren. Nachdem das Gerüst erstellt wurde, zeigen Sie die Projektverzeichnisse und -dateien im bereich Explorer von Visual Studio Code an.
| Ordner/Datei | Inhalt |
|---|---|
teamsapp.yml |
Die Hauptprojektdatei beschreibt Ihre Anwendungskonfiguration und definiert den Satz von Aktionen, die in jeder Lebenszyklusphase ausgeführt werden sollen. |
teamsapp.local.yml |
Dies wird mit Aktionen überschrieben teamsapp.yml , die die lokale Ausführung und das Debuggen ermöglichen. |
.vscode/ |
VS Code-Dateien für lokales Debuggen. |
src/ |
Der Quellcode für die Suchanwendung. |
appPackage/ |
Vorlagen für das Teams-Anwendungsmanifest. |
infra/ |
Vorlagen für die Bereitstellung von Azure-Ressourcen. |
src/searchApp.js |
Verarbeitet die Geschäftslogik für diese App-Vorlage, um npm-Registrierung abzufragen und ergebnisliste zurückzugeben. Weitere Informationen finden Sie im Microsoft Teams Toolkit Visual Studio Code v5-Leitfaden , um zu verstehen, wie Teams Toolkit funktioniert. |
src/index.js |
index.js wird zum Einrichten und Konfigurieren der Nachrichtenerweiterung verwendet. Weitere Informationen finden Sie im Microsoft Teams Toolkit Visual Studio Code v5-Leitfaden , um zu verstehen, wie Teams Toolkit funktioniert. |
Tipp
Machen Sie sich mit Bots und Nachrichtenerweiterungen außerhalb von Teams vertraut, bevor Sie Ihre App in Teams integrieren.
Erstellen und Ausführen Ihres ersten botbasierten Nachrichtenerweiterungs-Plug-Ins
Nachdem Sie Ihren Projektarbeitsbereich mit dem Teams Toolkit eingerichtet haben, erstellen Sie Ihr Projekt. Sie müssen sich bei Ihrem Microsoft 365-Konto anmelden.
Anmelden bei Ihrem Microsoft 365-Konto
Verwenden Sie dieses Konto, um sich bei Teams anzumelden. Wenn Sie einen Microsoft 365-Entwicklerprogrammmandanten verwenden, ist das Administratorkonto, das Sie bei der Registrierung eingerichtet haben, Ihr Microsoft 365-Konto.
Öffnen Sie Visual Studio Code.
Wählen Sie auf der Randleiste das Symbol Teams Toolkit
aus.Wählen Sie Mit Ihren Anmeldeinformationen bei Microsoft 365 anmelden aus.
Ihr Standardwebbrowser wird geöffnet, damit Sie sich beim Konto anmelden können.
Schließen Sie den Browser, wenn Sie dazu aufgefordert werden, und kehren Sie zu Visual Studio Code zurück.
Kehren Sie zu Teams Toolkit in Visual Studio Code zurück.
Im Abschnitt KONTEN der Randleiste wird der Name Ihres Microsoft 365-Kontos angezeigt. Das Teams-Toolkit zeigt Das Querladen aktiviert an, wenn der benutzerdefinierte App-Upload für Ihr Microsoft 365-Konto aktiviert ist.
Jetzt können Sie die App erstellen und lokal ausführen!
Erstellen und Ausführen Ihrer App in der lokalen Umgebung
Mit einer Nachrichtenerweiterung können Sie mit einem Webdienst interagieren. Es nutzt die Messagingfunktion und die sichere Kommunikation eines Bots. Die Nachrichtenerweiterungs-App wird einem Webdienst hinzugefügt, der als Bot registriert ist.
Lokales Erstellen und Ausführen Ihrer App
Wählen Sie im linken Bereich Ausführen und Debuggen (STRG+UMSCHALT+D) aus.
Wählen Sie Debuggen in Teams (Edge) oder Debuggen in Teams (Chrome) aus. Teams Toolkit startet Ihre App in Teams mithilfe eines Webbrowsers.
Wählen Sie F5 aus, um Ihre App lokal zu erstellen und auszuführen.
Hinweis
Wenn Teams Toolkit eine bestimmte Voraussetzung nicht überprüfen kann, werden Sie aufgefordert, dies zu überprüfen.
Erfahren Sie, was geschieht, wenn Sie Ihre App lokal im Debugger ausführen.
Wenn Sie F5 auswählen, führt das Teams-Toolkit Folgendes aus:
- Überprüft alle folgenden Voraussetzungen:
- Sie sind mit einem Microsoft 365-Konto angemeldet.
- Benutzerdefinierter App-Upload ist für Ihr Microsoft 365-Konto aktiviert.
- Unterstützt, Node.js Version installiert ist.
- Der für die Bot-App erforderliche Port ist verfügbar.
- Installieren von npm-Paketen
- Startet Dev Tunnel, um einen HTTP-Tunnel zu erstellen.
- Registriert die App in Microsoft Entra ID und konfiguriert die App.
- Registriert die Bot-App in Bot Framework und konfiguriert die App.
- Registriert die App im Teams-Entwicklerportal und konfiguriert die App.
- Startet die lokal gehostete Nachrichtenerweiterungs-App.
- Startet Teams in einem Webbrowser und lädt die Teams-App hoch.
Hinweis
Wenn Sie die App zum ersten Mal ausführen, werden alle Abhängigkeiten heruntergeladen, und die App wird erstellt. Nach Abschluss des Builds wird ein Browserfenster geöffnet. Dieser Vorgang kann drei bis fünf Minuten dauern.
Klicken Sie auf Hinzufügen. Die App wird in Teams installiert.
Da Nachrichtenerweiterungen auf Bots angewiesen sind, um die Kommunikation zwischen dem Benutzer und dem Webdienst zu ermöglichen, wird Ihre App in ein Chatfeature eines Bots geladen.
- Wenn Sie eine Bot-App erstellt haben, bevor Sie die Nachrichtenerweiterungs-App erstellt haben, können Sie sehen, dass sie in derselben Bot-App geladen ist, die Sie erstellt haben. Vorherige Chatnachrichten sind sichtbar.
- Wenn Sie zuerst eine Nachrichtenerweiterung erstellt haben, wird Ihre App in jeden Chat geladen, der in Teams geöffnet ist.
Hinweis
Wenn Sie Ihre App auf Outlook und Microsoft 365 erweitern möchten, können Sie ihre App mit Outlook und Microsoft 365 in der Dropdownliste AUSFÜHREN UND DEBUGGEN in Visual Studio Code debuggen.
Testen eigener Apps
Wenn Ihre App zum ersten Mal geladen wird, ist die Nachrichtenerweiterungs-App geöffnet, die Sie testen können. Mit dieser Beispiel-App können Sie Open-Source-npm-Pakete aus der Softwareregistrierung durchsuchen.
So führen Sie eine Suchabfrage aus
Wechseln Sie zu einem Teams-Chat, und wählen Sie Aktionen und Apps aus.
Geben Sie im Flyoutmenü der Nachrichtenerweiterung den Namen Ihrer Nachrichtenerweiterung aus dem Suchfeld ein.
Wählen Sie Ihre Nachrichtenerweiterung aus, und geben Sie Ihre Suchabfrage ein.
Wählen Sie ein Produkt aus der Liste aus. Teams entpackt das Produkt in einer adaptiven Karte im Nachrichtenbereich Compose.
Wählen Sie Senden aus. Die adaptive Karte wird gesendet.
Erfahren Sie, wie Sie Probleme beheben, wenn Ihre App nicht lokal ausgeführt wird.
Um Ihre App in Teams ausführen zu können, benötigen Sie ein Microsoft 365-Entwicklungskonto, das das Hochladen benutzerdefinierter Apps ermöglicht. Weitere Informationen zum Hochladen benutzerdefinierter Apps finden Sie im Abschnitt voraussetzungen.
Auslösen Ihres botbasierten Nachrichtenerweiterungs-Plug-Ins in Microsoft 365 Copilot
Führen Sie die folgenden Schritte aus, um die Nachrichtenerweiterung in Microsoft 365 Copilot auszulösen:
Wählen Sie im linken Bereich Teams Toolkitaus.
Wählen Sie im linken Bereich Ausführen und Debuggen (STRG+UMSCHALT+D) aus.
Wählen Sie Debuggen in Copilot (Edge) oder Debuggen in Copilot (Chrome) aus.
Wählen Sie F5 aus, um Ihre App in Microsoft 365 Copilot zu erstellen und auszuführen.
Wechseln Sie zu MicrosoftTeams-Apps>.
Suchen Sie nach Copilot , und öffnen Sie die App.
Wählen Sie Plug-Ins aus.
Aktivieren Sie in der Liste der Plug-Ins den Umschalter für Ihre App.
Senden Sie im Bereich zum Verfassen von Nachrichten eine Nachricht an Microsoft 365 Copilot, um nach npm-Paketinformationen in Teams und Microsoft 365 Copilot zu suchen. Suchen Sie beispielsweise die npm-Paketinformationen unter teamsfx-react in npm-searchlocal.
Hinweis
Diese Eingabeaufforderung macht möglicherweise nicht immer Microsoft 365 Copilot eine Antwort von Ihrer Nachrichtenerweiterung enthalten. Wenn dies der Fall ist, versuchen Sie es mit anderen Eingabeaufforderungen, oder hinterlassen Sie uns Feedback, indem Sie die Microsoft 365 Copilot Antwort unten drücken und eine Nachricht hinterlassen.
Bereitstellen Ihrer ersten Teams-App
Sie haben gelernt, eine Teams-App mit Nachrichtenerweiterungsfunktionen zu erstellen, zu erstellen und auszuführen. Der letzte Schritt besteht darin, Ihre App in Azure bereitzustellen.
Wir stellen die erste Nachrichtenerweiterungs-App in Azure mithilfe des Teams-Toolkits bereit.
Anmelden bei Ihrem Azure-Konto
Verwenden Sie dieses Konto, um auf die Microsoft Azure-Portal zuzugreifen und neue Cloudressourcen zur Unterstützung Ihrer App bereitzustellen.
Öffnen Sie Visual Studio Code.
Öffnen Sie den Projektordner, in dem Sie die Nachrichtenerweiterungs-App erstellt haben.
Wählen Sie auf der Randleiste das Symbol Teams Toolkit
aus.Wählen Sie Mit Ihren Anmeldeinformationen bei Azure anmelden aus.
Tipp
Wenn Sie die AZURE-KONTOerweiterung installiert haben und dasselbe Konto verwenden, können Sie diesen Schritt überspringen. Verwenden Sie dasselbe Konto wie in anderen Erweiterungen.
Ihr Standardwebbrowser wird geöffnet, damit Sie sich beim Konto anmelden können.
Schließen Sie den Browser, wenn Sie dazu aufgefordert werden, und kehren Sie zu Visual Studio Code zurück.
Im Abschnitt KONTEN der Randleiste werden die beiden Konten separat angezeigt. Außerdem wird die Anzahl der verwendbaren Azure-Abonnements aufgelistet, die Ihnen zur Verfügung stehen. Stellen Sie sicher, dass Mindestens ein verwendbares Azure-Abonnement verfügbar ist. Wenn nicht, melden Sie sich ab, und verwenden Sie ein anderes Konto.
Herzlichen Glückwunsch, Sie haben sich in Ihrem Azure-Konto angemeldet! Als Nächstes erfahren Sie, wie Sie mithilfe des Teams-Toolkits eine der Apps in Azure bereitstellen.
Bereitstellen Ihrer App in Azure
Die Bereitstellung besteht aus zwei Schritten. Zunächst werden erforderliche Cloudressourcen erstellt (auch als Bereitstellung bezeichnet). Anschließend wird der Code Ihrer App in die erstellten Cloudressourcen kopiert. In diesem Tutorial stellen Sie die Nachrichtenerweiterungs-App bereit.
Was ist der Unterschied zwischen Bereitstellen und Bereitstellen?
Der Schritt Bereitstellen erstellt Ressourcen in Azure und Microsoft 365 für Ihre App, aber es wird kein Code (HTML, CSS, JavaScript usw.) in die Ressourcen kopiert. Der Schritt Bereitstellen kopiert den Code für Ihre App in die Ressourcen, die Sie während des Bereitstellungsschritts erstellt haben. Es ist üblich, mehrmals bereitzustellen, ohne neue Ressourcen bereitzustellen. Da der Bereitstellungsschritt einige Zeit in Anspruch nehmen kann, ist er vom Bereitstellungsschritt getrennt.
Wählen Sie das Teams-Toolkit-Symbol in der Visual Studio Code-Randleiste aus.
Wählen Sie Bereitstellen aus.
Wählen Sie ein Abonnement aus, das für die Azure-Ressourcen verwendet werden soll.
Ihre App wird mithilfe von Azure-Ressourcen gehostet. Ein Dialogfeld warnt Sie, dass beim Ausführen von Ressourcen in Azure Möglicherweise Kosten anfallen.
Wählen Sie Bereitstellen aus.
Beim Bereitstellungsprozess werden Ressourcen in der Azure-Cloud erstellt. Dies kann einige Zeit in Anspruch nehmen. Sie können den Fortschritt überwachen, indem Sie sich die Dialogfelder in der unteren rechten Ecke ansehen. Nach einigen Minuten wird der folgende Hinweis angezeigt:
Wenn Sie möchten, können Sie die bereitgestellten Ressourcen anzeigen. Für dieses Tutorial müssen Sie keine Ressourcen anzeigen.
Die bereitgestellte Ressource wird im Abschnitt UMGEBUNG angezeigt.
Wählen Sie im BEREICH LEBENSZYKLUS die Option Bereitstellen aus, nachdem die Bereitstellung abgeschlossen ist.
Wie bei der Bereitstellung dauert die Bereitstellung einige Zeit. Sie können den Prozess überwachen, indem Sie sich die Dialogfelder in der unteren rechten Ecke ansehen. Nach einigen Minuten wird ein Abschlusshinweis angezeigt.
Jetzt können Sie den gleichen Prozess verwenden, um Ihre Bot- und Nachrichtenerweiterungs-Apps in Azure bereitzustellen.
Ausführen der bereitgestellten App
Nach Abschluss der Bereitstellungs- und Bereitstellungsschritte:
Öffnen Sie den Debugbereich (STRG+UMSCHALT+D / ⌘⇧-D oder Ausführung anzeigen>) in Visual Studio Code.
Wählen Sie remote (Edge) starten aus der Dropdownliste Startkonfiguration aus.
Wählen Sie Debuggen starten (F5) aus, um Ihre App aus Azure zu starten.
Klicken Sie auf Hinzufügen.
Erfahren Sie, was geschieht, wenn Sie Ihre App in Azure bereitgestellt haben.
Vor der Bereitstellung wurde die Anwendung lokal ausgeführt:
- Das Back-End unter Verwendung von Azure Functions Core Tools ausgeführt.
- Der HTTP-Endpunkt der Anwendung, an dem Microsoft Teams die Anwendung lädt, wird lokal ausgeführt.
Die Bereitstellung ist ein zweistufiger Prozess. Sie stellen die Ressourcen in einem aktiven Azure-Abonnement bereit und stellen dann den Back-End- und Front-End-Code für die Anwendung in Azure bereit oder laden sie hoch.
- Das Back-End verwendet, sofern konfiguriert, verschiedene Azure-Dienste, einschließlich Azure App Service und Azure Storage.
- Die Front-End-Anwendung wird in einem Azure Storage-Konto bereitgestellt, das für statisches Webhosting konfiguriert ist.
Herzlichen Glückwunsch!
Sie haben eine botbasierte Nachrichtenerweiterung erstellt und die Nachrichtenerweiterung als Plug-In in Microsoft 365 Copilot erweitert.
Liegt ein Problem mit diesem Abschnitt vor? Wenn ja, senden Sie uns Feedback, damit wir den Abschnitt verbessern können.