Erstellen Ihrer einfachen Registerkarten-App

Registerkarten sind Teams-fähige Webseiten, die in Microsoft Teams eingebettet sind und eine gute Möglichkeit sind, mit der Entwicklung für Teams zu beginnen. Sie können sie als Teil eines Kanals innerhalb eines Teams, eines Gruppenchats oder einer persönlichen App für einen einzelnen Benutzer hinzufügen.

In diesem Tutorial lernen Sie eine einfache Teams-Registerkarten-App auf eine der folgenden Arten kennen:

• GitHub Codespaces: Mit der Codespace-Instanz können Sie eine Teams-App sofort 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 Es Ihnen, Ihre Entwicklungsumgebung einzurichten und von Anfang an eine Teams-App zu erstellen.

GitHub Codespaces

Bevor Sie Ihren Codespace erstellen, stellen Sie sicher, dass die folgenden Voraussetzungen erfüllt sind:

• Ein GitHub-Konto zum Erstellen Ihrer Codespace-Instanz
• Ein Microsoft 365-Konto mit benutzerdefinierter App-Uploadberechtigung
• Ein Microsoft 365-Mandant

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 eine Teams-Registerkarten-App mit GitHub Codespaces zu erstellen:

1. Wählen Sie die folgende Schaltfläche aus, um GitHub Codespaces zu öffnen.

   

   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.

   

   Die Seite Codespace einrichten wird angezeigt.

   

   Teams Toolkit bereitet das Registerkarten-App-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.

   

   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, um Ihre Registerkarten-App zu erstellen.

   

   GitHub Codespaces erstellt Ihre Registerkarten-App, lädt sie in den Teams-Client und öffnet sie in einer separaten Browserregisterkarte.

5. Wenn das App-Dialogfeld angezeigt wird, wählen Sie Hinzufügen aus, um Ihre Registerkarten-App in Teams zu installieren.

   

   Die Registerkarten-App wird im Teams-Client installiert und geöffnet.

   Sie haben die Registerkarten-App erfolgreich erstellt und im Teams-Client geladen.

   

Schrittweise Anleitung

Wenn Sie lernen möchten, wie Sie ein Projekt mit dem Teams-Toolkit von Anfang an starten, müssen Sie Ihre Entwicklungsumgebung einrichten. Wählen Sie die folgende Schaltfläche aus, um mit dem Erstellen Ihrer einfachen Registerkarten-App zu beginnen.

Erstellen einer einfachen Registerkarten-App

Wenn Sie an einem Bot interessiert sind, wählen Sie Folgendes aus:

Erstellen eines Bots

Wenn Sie eine Nachrichtenerweiterungs-App erstellen möchten, wählen Sie Folgendes aus:

Erstellen einer Nachrichtenerweiterung