Erstellen Ihrer ersten App mit C#
Starten Sie die Entwicklung von Microsoft Teams-Apps, indem Sie Ihre erste Teams-App mit einer Registerkarte, einem Bot oder einer Nachrichtenerweiterungsfunktion erstellen.
In diesem Tutorial erfahren Sie Folgendes:
- So richten Sie ein neues Projekt ein.
- Erstellen von Apps mit Registerkartenfunktion mit C# und Microsoft Visual Studio 2022
Diese Schritt-für-Schritt-Anleitung hilft Ihnen beim Erstellen einer Registerkarte mit Teams Toolkit. Die folgende Ausgabe wird angezeigt, nachdem Sie diese Anleitung abgeschlossen haben:
Voraussetzungen
Im Folgenden finden Sie eine Liste der Tools, die Sie zum Erstellen und Bereitstellen einer Teams-App installieren müssen.
| Installieren | Zum Benutzen... | |
|---|---|---|
| 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. | |
|
Visual Studio 2022 |
Sie können die Unternehmensversion in Visual Studio 2022 und die Workloads ASP.NET und Webentwicklung installieren. Verwenden Sie die neueste Version. | |
| Teams Toolkit | Eine Visual Studio-Erweiterung, die ein Projektgerüst für Ihre App erstellt. Verwenden Sie die neueste Version. |
Installieren des Teams-Toolkits
Teams Toolkit vereinfacht den Entwicklungsprozess mit Tools zum Erstellen eines Projektgerüsts für Ihre App. Es erstellt die erforderliche Verzeichnisstruktur für alle ausgewählten Funktionen mit den erforderlichen Dateien, die zum Erstellen des Projekts bereit sind.
Sie können das neueste Visual Studio-Installationsprogramm herunterladen. Das Teams-Toolkit ist als Erweiterung in Visual Studio verfügbar.
Nachdem Sie das Visual Studio-Installationsprogramm geöffnet haben, klicken Sie im Popupfenster für Workloads.
Wählen Sie ASP.NET und Webentwicklung aus.
Wählen Sie unter Installationsdetails>Optional die Option Microsoft Teams-Entwicklungstools aus.
Wählen Sie Installieren aus.
Wählen Sie Starten aus. Das Visual Studio 2022-App-Fenster wird angezeigt.
Wechseln Sie zu Erweiterungen>Erweiterungen verwalten.
Das Fenster Erweiterung verwalten wird angezeigt:
Wählen Sie im linken Bereich Installiert aus. Die Teams Toolkit-Erweiterung ist verfügbar.
Einrichten Ihres Teams-Entwicklungsmandanten
Ein Mandant ist wie ein Raum oder Container für Ihre organization in Teams, in dem Sie chatten, Dateien freigeben und Besprechungen ausführen. In diesem Bereich laden Sie auch Ihre benutzerdefinierte App hoch und testen sie. Lassen Sie uns überprüfen, ob Sie bereit sind, mit dem Mandanten zu entwickeln.
Überprüfen auf benutzerdefinierte App-Uploadoption
Nachdem Sie die App erstellt haben, müssen Sie ihre App in Teams laden, ohne sie zu verteilen. Dieser Vorgang wird als benutzerdefinierter App-Upload bezeichnet. Melden Sie sich bei Ihrem Microsoft 365-Konto an, um diese Option anzuzeigen.
Hinweis
Ein benutzerdefinierter App-Upload ist für die Vorschau und das Testen von Apps in der lokalen Teams-Umgebung erforderlich. Wenn sie nicht aktiviert ist, können Sie Ihre App in der lokalen Teams-Umgebung nicht in der Vorschau anzeigen und testen.
Verfügen Sie bereits über einen Mandanten und Administratorzugriff? Lassen Sie uns überprüfen, ob Sie dies tun!
Überprüfen Sie, ob Sie benutzerdefinierte Apps in Teams hochladen können:
Öffnen Sie Microsoft Teams, und wählen Sie das Symbol Apps aus.
Wählen Sie Verwalten Ihrer Apps aus.
Wählen Sie App hochladen aus.
Suchen Sie nach der Option Benutzerdefinierte App hochladen . Wenn die Option angezeigt wird, ist der benutzerdefinierte App-Upload aktiviert.
Hinweis
Wenn Sie die Option zum Hochladen einer benutzerdefinierten App nicht finden, wenden Sie sich an Ihren Teams-Administrator.
Create einen kostenlosen Teams-Entwicklermandanten (optional)
Wenn Sie nicht über ein Teams-Konto 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 mit dem von Ihnen eingerichteten Administratorkonto bei Teams an. 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. Create 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.
Create Projektarbeitsbereich für Ihre Registerkarten-App mit C#
Starten Sie die Entwicklung von Microsoft Teams-Apps, indem Sie Ihre erste App erstellen. Diese App verwendet die Registerkartenfunktion.
Wenn die Voraussetzungen erfüllt sind, fangen wir an!
Die folgenden Schritte helfen Ihnen beim Erstellen eines Projektarbeitsbereichs für Ihre Registerkarten-App in Visual Studio:
Öffnen Sie Visual Studio.
Wählen Sie Neues Projekt aus.
Geben Sie im Suchfeld Teams ein.
Wählen Sie Microsoft Teams-App>Weiter aus.
Geben Sie die folgenden Details ein, um Ihr neues Projekt zu konfigurieren.
- Geben Sie den erforderlichen Projektnamen in Projektname ein.
- Wählen Sie den erforderlichen Speicherort zum Speichern von Projektdateien und -ordnern aus.
- Wählen Sie Erstellen aus.
Wählen Sie Tab>Create aus.
Die Teams-Registerkarten-App wird in wenigen Sekunden erstellt.
Machen Sie sich einen Überblick über den Quellcode der Tab-App
Das Teams-Toolkit bietet alle Komponenten zum Erstellen einer App. Nach dem Erstellen des Projekts können Sie die Projektordner und -dateien unter Projektmappen-Explorer anzeigen.
Erstellen und Ausführen Ihrer ersten Registerkarten-App mit C#
Nachdem Sie Ihren Projektarbeitsbereich mit Teams Toolkit eingerichtet haben, erstellen Sie Ihre Registerkarten-App.
Anmelden bei Ihrem Microsoft 365-Konto
Verwenden Sie Ihr Microsoft 365-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.
Klicken Sie im Projektmappen-Explorer unter Lösung MyTeamsApp mit der rechten Maustaste auf MyTeamsApp.
Wählen Sie Teams ToolkitPrepare Teams App Dependencies (Teams-Toolkit: Teams-App-Abhängigkeiten vorbereiten) aus.>
Wählen Sie Microsoft 365-Konto>Weiter aus.
Lokales Erstellen und Ausführen Ihrer App in Visual Studio
So erstellen Sie Ihre App und führen sie lokal aus:
Wählen Sie Debuggen>Debuggen starten aus, oder geben Sie F5 ein.
Visual Studio startet den Debugprozess und öffnet den Teams-Webclient in einem Browser. Wenn Sie dazu aufgefordert werden, melden Sie sich mit Ihrem Microsoft 365-Konto an.
Wählen Sie Hinzufügen.
Herzlichen Glückwunsch, Ihre erste Registerkarten-App wird in Teams ausgeführt!
Erfahren Sie, wie Sie Probleme beheben, wenn Ihre App nicht lokal ausgeführt wird.
Um Ihre App in Teams erfolgreich auszuführen, stellen Sie sicher, dass Sie den benutzerdefinierten App-Upload in Ihrem Teams-Konto aktiviert haben. Weitere Informationen zum Hochladen benutzerdefinierter Apps finden Sie im Abschnitt Voraussetzungen .
Herzlichen Glückwunsch!
Sie haben erfolgreich eine Registerkarten-App mit C# erstellt. Teams Toolkit hat der Verzeichnisstruktur Ihrer App das erforderliche Gerüst hinzugefügt. Das Tutorial ist jetzt abgeschlossen.
Liegt ein Problem mit diesem Abschnitt vor? Wenn ja, senden Sie uns Feedback, damit wir den Abschnitt verbessern können.