Voraussetzungen für die Erstellung Ihrer Teams-App mit Visual Studio

Artikel
08/18/2023

Stellen Sie vor dem Erstellen Ihres Teams-App-Projekts sicher, dass die Voraussetzungen erfüllt sind. Sie müssen die folgenden Aufgaben ausführen:

Installieren der erforderlichen Tools zum Erstellen Ihrer Teams-App
Vorbereiten von Konten zum Erstellen Ihrer Teams-App
Querladen-Berechtigung
Überprüfen der Berechtigung zum Querladen

Grundlegende Anforderungen zum Erstellen Ihrer Teams-App

Stellen Sie sicher, dass die folgenden Anforderungen erfüllt sind, bevor Sie mit dem Erstellen Ihrer Teams-App beginnen:

	Grundlegende Anforderungen	Für die Verwendung von	Für Umgebungstyp
Erforderlich
	Teams Toolkit	Eine Microsoft Visual Studio Code-Erweiterung, die ein Projektgerüst für Ihre App erstellt. Verwenden Sie die neueste Version.	JavaScript und SharePoint-Framework (SPFx)
	Microsoft Teams	Arbeiten Sie mit allen Personen zusammen, mit denen Sie über Apps für Chat, Besprechungen und Anrufe zusammenarbeiten – alles an einem Ort.	JavaScript und SPFx
	Microsoft Edge (empfohlen) oder Google Chrome	Ein Browser mit Entwicklertools.	JavaScript und SPFx
Optional
	Azure Tools für Visual Studio Code und Azure CLI	Greifen Sie auf gespeicherte Daten zu, oder stellen Sie ein cloudbasiertes Back-End für Ihre Teams-App in Azure bereit.	JavaScript
	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.	JavaScript
	Microsoft Graph-Tester	Ein browserbasiertes Tool, mit dem Sie eine Abfrage aus Microsoft Graph-Daten ausführen können.	JavaScript und SPFx
	Entwicklerportal für Teams	Ein webbasiertes Portal zum Konfigurieren, Verwalten und Verteilen Ihrer Teams-App, einschließlich in Ihrem organization oder dem Teams Store.	JavaScript und SPFx

Installieren der erforderlichen Tools zum Erstellen Ihrer Teams-App

Stellen Sie sicher, dass die folgenden Tools auf dem Gerät installiert sind, auf dem Sie Ihr App-Projekt erstellen, bevor Sie mit dem Erstellen Ihrer Teams-App beginnen:

	Tools	Für die Verwendung von
Erforderlich
Microsoft Visual Studio 2022	Verwenden Sie die neueste Version, ASP.NET- und Webentwicklungsworkloads sowie die Option Microsoft Teams-Entwicklungstools .	C# oder Blazor.
Teams Toolkit	Die Microsoft Visual Studio Code-Erweiterung zum Erstellen eines Teams-App-Projekts. Verwenden Sie die neueste Version.	JavaScript, TypeScript und SPFx.
Microsoft Teams	Querladenfunktion zum Testen des App-Verhaltens in Ihrer lokalen Teams-Umgebung.	JavaScript, TypeScript, SPFx und C# oder Blazor.
Microsoft Edge (empfohlen) oder Google Chrome	Ein Browser mit Entwicklertools.	JavaScript, TypeScript, SPFx und C# oder Blazor.
Optional
Azure Tools für Visual Studio Code und Azure CLI	Gespeicherte Daten oder Bereitstellen eines cloudbasierten Back-Ends für Ihre Teams-App in Azure.	JavaScript und TypeScript.
React Developer Tools für Chrome oder React Developer Tools für Microsoft Edge	Die browserbasierte DevTools-Erweiterung für die Open-Source-React JavaScript-Bibliothek.	JavaScript, TypeScript und SPFx.
Microsoft Graph-Tester	Das browserbasierte Tool, mit dem Sie eine Abfrage aus Microsoft Graph-Daten ausführen können.	JavaScript, TypeScript, SPFx und C# oder Blazor.
Entwicklerportal für Teams	Das webbasierte Portal zum Konfigurieren, Verwalten und Verteilen Ihrer Teams-App, einschließlich in Ihrem organization oder dem Teams Store.	JavaScript, TypeScript, SPFx und C# oder Blazor.

Es wird empfohlen, dass Sie das Microsoft Graph-Explorer mit einem Lesezeichen versehen, um mehr über Microsoft Graph-Dienste zu erfahren. Mit diesem browserbasierten Tool können Sie eine Abfrage ausführen und auf die Microsoft Graph-API zugreifen.

Konten zum Erstellen Ihrer Teams-App

Stellen Sie sicher, dass Sie über die folgenden Konten verfügen, bevor Sie mit dem Erstellen Ihrer Teams-App beginnen:

Konten	Für die Verwendung von	Für Umgebungstyp
Microsoft 365-Konto mit einem gültigen Abonnement	Teams-Entwicklerkonto beim Entwickeln einer App.	JavaScript, TypeScript, SPFx und C# oder Blazor.
Azure-Konto	Back-End-Ressourcen in Azure.	JavaScript, TypeScript, SPFx und C# oder Blazor.

Microsoft 365-Entwicklerprogramm

Hinweis

Zum Erstellen von Teams-Apps benötigen Sie ein Geschäfts-, Schul- oder Unikonto für Microsoft 365. Microsoft 365 persönliches Konto kann nicht verwendet werden.

Wenn Sie über keines verfügen, registrieren Sie sich für ein Microsoft 365-Entwicklerprogrammabonnement, um ein Entwicklerkonto zu erstellen. Das Abonnement ist 90 Tage lang kostenlos und wird weiterhin verlängert, solange Sie es für Entwicklungsaktivitäten verwenden.

Wenn Sie über ein Visual Studio Enterprise- oder Professional-Abonnement verfügen, enthalten beide Programme ein kostenloses Microsoft 365 Entwicklerabonnement. Es ist aktiv, solange Ihr Visual Studio Abonnement aktiv ist. Weitere Informationen finden Sie unter Einrichten eines Microsoft 365 Developer-Abonnements.

Sie können sich mit einem der folgenden Kontotypen für das Entwicklerprogramm registrieren:

Microsoft-Konto für die persönliche Verwendung

Das Microsoft-Konto bietet Zugriff auf die Microsoft-Produkte und -Clouddienste wie Outlook, Messenger, OneDrive, MSN, Xbox Live oder Microsoft 365.

Registrieren Sie sich für ein Outlook.com Postfach, um ein Microsoft 365-Konto zu erstellen. Verwenden Sie es für den Zugriff auf kundenbezogene Microsoft-Clouddienste oder Azure.
Microsoft-Geschäftskonto für Unternehmen

Dieses Konto bietet Zugriff auf alle Microsoft-Clouddienste auf Unternehmensebene auf kleiner, mittlerer und unternehmensebene. Zu den Diensten gehören Azure, Microsoft Intune und Microsoft 365.

Wenn Sie sich bei einem dieser Dienste als Organisation registrieren, wird automatisch ein cloudbasiertes Verzeichnis in Microsoft Azure Active Directory (Azure AD) bereitgestellt, um Ihre Organisation darzustellen.

:::

Erstellen eines kostenlosen Microsoft 365-Entwicklerkontos

So erstellen Sie ein kostenloses Microsoft 365-Entwicklerkonto:

Gehen Sie zu Microsoft 365-Entwicklerprogramm.
Wählen Sie Jetzt beitreten aus.
Richten Sie Ihr Administratorkontoabonnement ein.

Nach Abschluss des Abonnements werden die folgenden Informationen angezeigt:

Azure-Konto

Mit einem Azure-Konto können Sie eine Teams-App oder die Back-End-Ressourcen für Ihre Teams-App in Azure hosten. Dazu können Sie das Teams-Toolkit in Visual Studio Code verwenden. In den folgenden Szenarien benötigen Sie ein Azure-Abonnement:

Wenn Sie bereits über eine App bei einem anderen Cloudanbieter als Azure verfügen und die App auf der Teams-Plattform integrieren möchten.
Wenn Sie die Back-End-Ressourcen für Ihre App mit einem anderen Cloudanbieter oder auf Ihren eigenen Servern hosten möchten, wenn diese in der öffentlichen Domäne verfügbar sind.

Hinweis

Sie können das Azure-Konto verwenden, um eine Azure-Ressource zum Hosten Ihrer Teams-App bereitzustellen. Sie können ein kostenloses Konto erstellen , falls Sie keines haben. Wenn Sie das Teams-Toolkit nicht zum Bereitstellen und Bereitstellen verwenden, ist kein Azure-Konto erforderlich.

Überprüfen der Berechtigung zum Querladen

Nachdem Sie die App erstellt haben, müssen Sie ihre App in Teams laden, ohne sie zu verteilen. Dieser Vorgang wird als Querladen bezeichnet. Melden Sie sich bei Ihrem Microsoft 365-Konto an, um diese Option anzuzeigen.

Sie können überprüfen, ob die Berechtigung zum Querladen entweder mit Visual Studio Code oder Teams Client aktiviert ist.

Überprüfen der Berechtigung zum Querladen mithilfe von Visual Studio Code

Sie können diese Methode verwenden, um die Berechtigung zum Querladen erst zu überprüfen, nachdem Sie ein App-Projekt mithilfe des Teams-Toolkits erstellt haben. Wenn Sie kein App-Projekt erstellt haben, können Sie die Berechtigung zum Querladen mithilfe des Teams-Clients überprüfen.

Öffnen Sie Visual Studio Code.
Wählen Sie teams Toolkit in der Aktivitätsleiste von Visual Studio Code aus.

Hinweis

Wenn die Option nicht angezeigt wird, lesen Sie Installieren des Teams-Toolkits , um die Teams Toolkit-Erweiterung in Visual Studio Code zu installieren.
Erstellen Sie ein neues Teams Toolkit-App-Projekt, oder öffnen Sie ein vorhandenes App-Projekt.
Wählen Sie unter KONTEN die Option Bei Microsoft 365 anmelden aus.
Überprüfen Sie, ob die Option Querladen aktiviert angezeigt wird, wie in der folgenden Abbildung gezeigt:

Überprüfen der Berechtigung zum Querladen mithilfe des Teams-Clients

Wählen Sie im Teams-Client Apps>Verwalten Ihrer Apps>App hochladen aus.
Überprüfen Sie, ob die Option Benutzerdefinierte App hochladen angezeigt wird, wie in der folgenden Abbildung zu sehen ist:

Aktivieren des Querladens mithilfe des Admin Centers

Wenn die Option zum Querladen in der Teams Toolkit-Erweiterung in Visual Studio Code nicht sichtbar ist oder die Option zum Hochladen einer benutzerdefinierten App in Teams nicht verfügbar ist, bedeutet dies, dass Sie nicht über die erforderliche Berechtigung zum Querladen verfügen.

Sie müssen das Querladen für Ihre App in Teams aktivieren:

Wenn Sie ein Mandantenadministrator sind, aktivieren Sie die Einstellung zum Querladen für Ihren Mandanten oder organization im Teams Admin Center.
Wenn Sie kein Mandantenadministrator sind, wenden Sie sich an Ihren Mandantenadministrator, um das Querladen zu aktivieren.

Wenn Sie über Administratorrechte verfügen, können Sie das Querladen aktivieren:

Melden Sie sich mit Ihren Administratoranmeldeinformationen beim Microsoft 365 Admin Center an.
Wählen Sie das Symbol >Teams aus.

Hinweis

Es kann bis zu 24 Stunden dauern, bis die Option Teams angezeigt wird. Sie können Ihre benutzerdefinierte App zu Test- und Validierungszwecken in eine Teams-Umgebung hochladen.
Melden Sie sich mit Ihren Administratoranmeldeinformationen beim Microsoft Teams Admin Center an.
Wählen Sie das Symbol >Teams-Apps>Setuprichtlinien aus.
Wählen Sie Global (organisationsweite Standardeinstellung) aus.
Stellen Sie die Umschaltfläche Benutzerdefinierte Apps hochladen auf die Position Ein.
Klicken Sie auf Speichern.

Hinweis

Es kann bis zu 24 Stunden dauern, bis das Querladen aktiv wird. In der Zwischenzeit können Sie Upload für Ihren Mandanten verwenden, um Ihre App zu testen. Informationen zum Hochladen der .zip-Paketdatei der App finden Sie unter Hochladen benutzerdefinierter Apps.

Stellen Sie sicher, dass Sie über die Berechtigung zum Querladen verfügen, indem Sie die Schritte unter Überprüfen der Berechtigung zum Querladen mithilfe von Visual Studio Code oder Teams-Client ausführen.