Voraussetzungen für die Erstellung Ihrer Teams-App

Stellen Sie vor dem Erstellen Ihres Microsoft 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

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

  Tools Zweck 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 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
  Node.js Back-End-JavaScript-Laufzeitumgebung. Weitere Informationen finden Sie unter Node.js Versionskompatibilitätstabelle für den Projekttyp. JavaScript und SPFx
  Node Package Manager (NPM) Installieren und verwalten Sie Pakete für die Verwendung in Node.js- und ASP.NET Core-Anwendungen. JavaScript und SPFx
  Microsoft Edge (empfohlen) oder Google Chrome Ein Browser mit Entwicklertools. JavaScript und SPFx
  Microsoft Visual Studio Code JavaScript-, TypeScript- oder SPFx-Buildumgebungen. Verwenden Sie die neueste Version. 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 an Ihre organization oder den Teams Store. JavaScript und SPFx

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 Zweck Für Umgebungstyp
Microsoft 365 Geschäfts-, Schul- oder Unikonto 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.
Administratorkonto der SharePoint-Sammlungswebsite Bereitstellung für das Hosting. SPFx.

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

Wenn Sie über keinen Microsoft 365-Mandanten verfügen, können Sie sich über das Microsoft 365-Entwicklerprogramm für ein Microsoft 365 E5-Entwicklerabonnement qualifizieren. Weitere Informationen finden Sie in den häufig gestellten Fragen. Alternativ können Sie sich für eine kostenlose 1-monatige Testversion registrieren oder einen Microsoft 365-Plan erwerben.

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.

    Screenshot: Symbol

  • 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 organization registrieren, wird automatisch ein cloudbasiertes Verzeichnis in Microsoft Entra ID bereitgestellt, um Ihre organization darzustellen.

    Screenshot: Symbol

Erstellen eines kostenlosen Microsoft 365-Entwicklerkontos

So erstellen Sie ein kostenloses Microsoft 365-Entwicklerkonto:

  1. Gehen Sie zu Microsoft 365-Entwicklerprogramm.

  2. Wählen Sie Jetzt beitreten aus.

  3. Richten Sie Ihr Administratorkontoabonnement ein.

    Nach Abschluss des Abonnements werden die folgenden Informationen angezeigt:

    Screenshot: Abonnementoptionen für das M365-Konto

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.

Administratorkonto der SharePoint-Sammlungswebsite

Beim Erstellen einer Teams-App mithilfe der SPFx-Umgebung benötigen Sie ein Administratorkonto für die SharePoint-Sammlungswebsite. Es ist erforderlich, um Ihre App auf der SharePoint-Website bereitzustellen und zu hosten. Wenn Sie einen Microsoft 365-Entwicklerprogrammmandanten verwenden, können Sie das Administratorkonto verwenden, das Sie zu diesem Zeitpunkt erstellt haben.

Überprüfen der Berechtigung zum Hochladen benutzerdefinierter Apps

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.

Sie können überprüfen, ob die App-Uploadberechtigung aktiviert ist, indem Sie entweder Visual Studio Code oder den Teams-Client verwenden.


Überprüfen der Berechtigung zum Hochladen benutzerdefinierter Apps mithilfe von Visual Studio Code

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

  1. Öffnen Sie Visual Studio Code.

  2. 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.

  3. Erstellen Sie ein neues Teams Toolkit-App-Projekt, oder öffnen Sie ein vorhandenes App-Projekt.

  4. Wählen Sie unter KONTEN die Option Bei Microsoft 365 anmelden aus.

    Screenshot: Kontodetails

  5. Überprüfen Sie, ob die Option Querladen aktiviert angezeigt wird, wie in der folgenden Abbildung gezeigt:

    Screenshot: Rot hervorgehobene Option


Überprüfen der Berechtigung zum Hochladen benutzerdefinierter Apps mithilfe des Teams-Clients
  1. Wählen Sie im Teams-Client Apps>Verwalten Ihrer Apps>App hochladen aus.

    Screenshot: Option zum Hochladen einer App in Teams

  2. Überprüfen Sie, ob die Option Benutzerdefinierte App hochladen angezeigt wird.

    Screenshot: Option zum Hochladen einer benutzerdefinierten App in Teams

Aktivieren des benutzerdefinierten App-Uploads mithilfe des Admin Centers

Wenn die Option zum Hochladen benutzerdefinierter Apps 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 für den Upload benutzerdefinierter Apps verfügen.

Sie müssen den benutzerdefinierten App-Upload in Teams aktivieren:

  • Wenn Sie Mandantenadministrator sind, aktivieren Sie die Einstellung für den benutzerdefinierten App-Upload für Ihren Mandanten oder organization im Teams Admin Center.
  • Wenn Sie kein Mandantenadministrator sind, wenden Sie sich an Ihren Mandantenadministrator, um den benutzerdefinierten App-Upload zu aktivieren.

Wenn Sie über Administratorrechte verfügen, können Sie den benutzerdefinierten App-Upload aktivieren:

  1. Melden Sie sich mit Ihren Administratoranmeldeinformationen beim Microsoft 365 Admin Center an.

  2. Wählen Sie das Symbol >Teams aus.

    Screenshot: Teams-Client im linken Bereich von Microsoft 365 Admin Center

    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.

  3. Melden Sie sich mit Ihren Administratoranmeldeinformationen beim Microsoft Teams Admin Center an.

  4. Wählen Sie das Symbol >Teams-Apps>Setuprichtlinien aus.

    Screenshot: Setuprichtlinien unter Teams-Apps in Microsoft 365 Admin Center

  5. Wählen Sie Global (organisationsweite Standardeinstellung) aus.

    Screenshot: Registerkarte

  6. Legen Sie benutzerdefinierte Apps hochladen auf Ein fest.

    Screenshot: Hervorgehobener Umschalter

  7. Klicken Sie auf Speichern.

    Hinweis

    Es kann bis zu 24 Stunden dauern, bis der benutzerdefinierte App-Upload 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 Hochladen der App verfügen, indem Sie die Schritte unter Überprüfen der Berechtigung zum Hochladen benutzerdefinierter Apps mithilfe von Visual Studio Code oder Teams-Client ausführen.

Siehe auch