Hinzufügen von Cloudressourcen von Teams Toolkit v4 zur Teams-App

  • Artikel

Wichtig

Wir haben die Erweiterung Teams Toolkit v5 in Visual Studio Code eingeführt. Diese Version wird mit vielen neuen App-Entwicklungsfeatures bereitgestellt. Es wird empfohlen, teams Toolkit v5 zum Erstellen Ihrer Teams-App zu verwenden.

Die Teams Toolkit v4-Erweiterung wird bald veraltet sein.

Mit dem Teams-Toolkit können Sie die Cloudressourcen zum Hosten Ihrer App bereitstellen. Sie können die Cloudressourcen entsprechend Ihren Entwicklungsanforderungen hinzufügen. Der Vorteil des Hinzufügens weiterer Cloudressourcen in TeamsFx besteht darin, dass Sie mithilfe des Teams Toolkits automatisch alle Konfigurationsdateien generieren und eine Verbindung mit der Teams-App herstellen können.

Hinweis

Wenn Sie SharePoint-Framework (SPFx)-basiertes Registerkartenprojekt erstellt haben, können Sie keine Azure-Cloudressourcen hinzufügen.

Fügen Sie Cloud-Ressourcen hinzu

Sie können Cloudressourcen auf folgende Weise hinzufügen:

So fügen Sie Cloudressourcen mithilfe des Teams-Toolkits in Microsoft Visual Studio Code hinzu

  1. Öffnen Sie Ihr Teams-App-Projekt in Visual Studio Code.

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

  3. Wählen Sie im Abschnitt ENTWICKLUNG die Option Features hinzufügen aus.

    Hinzufügen eines Features aus dem Teams-Toolkit

So fügen Sie Cloudressourcen mithilfe der Befehlspalette hinzu

  1. Öffnen Sie Ihr Teams-App-Projekt in Visual Studio Code.

  2. Wählen Sie Befehlspalette anzeigen>... oder STRG+UMSCHALT+P aus.

    Hinzufügen eines Features aus der Befehlspalette

  3. Wählen Sie Teams: Features hinzufügen aus.

    Geben Sie add feature (Feature hinzufügen) ein, und geben Sie ein.

    Eine Liste der Cloudressourcen wird angezeigt.

  4. Wählen Sie die Cloudressourcen aus, die Ihrem Projekt hinzugefügt werden sollen.

    Finale

Sie müssen für jede Umgebung bereitstellen, nachdem Sie die Ressource erfolgreich in Ihrer Teams-App hinzugefügt haben.

Hinzufügen von Cloudressourcen mithilfe der TeamsFx CLI

  • Bevor Sie Cloudressourcen hinzufügen, stellen Sie sicher, dass Sie das Verzeichnis in Ihr Projektverzeichnis ändern.

  • In der folgenden Tabelle sind die Funktionen und erforderlichen Befehle aufgeführt:

    Cloudressource Befehl
    Azure Functions teamsfx add azure-function
    Azure SQL-Datenbank teamsfx add azure-sql
    Azure API Management teamsfx add azure-apim
    Azure Key Vault teamsfx add azure-keyvault

Arten von Cloudressourcen

In den folgenden Szenarien integriert TeamsFx die Azure-Dienste in Ihre Teams-App:

  • Azure Functions: Eine serverlose Lösung, um Ihre Bedarfsanforderungen zu erfüllen, z. B. das Erstellen von Web-APIs für Ihr Teams-App-Back-End.
  • Azure SQL-Datenbank: Eine PaaS-Datenbank-Engine (Platform-as-a-Service), die als Datenspeicher für Ihre Teams-App dient.
  • Azure API Management: Ein API-Gateway kann verwendet werden, um APIs zu verwalten, die für Teams-Apps erstellt wurden, und sie zu veröffentlichen, damit sie von anderen Apps genutzt werden können, z. B. Power-App.
  • Azure Key Vault: Sichern Sie kryptografische Schlüssel und andere Geheimnisse, die von Cloud-Anwendungen und -Diensten verwendet werden.

Änderungen nach dem Hinzufügen von Azure-Ressourcen

Nach dem Hinzufügen von Azure-Cloudressourcen in Ihrem Projekt werden die folgenden Änderungen angezeigt:

  • Neue Parameter wurden hinzugefügt, um azure.parameter.{env}.json die erforderlichen Informationen für die Bereitstellung bereitzustellen.
  • Neue Inhalte sind in der ARM-Vorlage unter templates\azureenthalten. Die Dateien befinden sich im templates\azure\teamsfx Ordner für die Azure-Ressourcen.
  • Teams Toolkit generiert die Dateien im templates\azure\teamsfx Ordner neu, um sicherzustellen, dass die für TeamsFx erforderliche Konfiguration für hinzugefügte Azure-Ressourcen auf dem neuesten Stand ist.
  • .fx\configs\projectSettings.json wird aktualisiert, um die verfügbaren Ressourcen in Ihrem Projekt nachzuverfolgen.

Nach dem Hinzufügen von Ressourcen in Ihrem Projekt werden die folgenden zusätzlichen Änderungen angezeigt:

Ressourcen Änderungen Beschreibung
Azure Functions Der Azure Functions Vorlagencode wird einem Unterordner mit pfad yourProjectFolder\api
launch.json
hinzugefügt und task.json unter ordner .vscode aktualisiert.		 Fügt eine Hallo Welt http-Trigger-Vorlage in Ihr Projekt ein.

Enthält die erforderlichen Skripts für Visual Studio Code, die ausgeführt werden sollen, wenn Sie Ihre App lokal debuggen möchten.
Azure API Management Eine offene API-Spezifikationsdatei, die einem Unterordner mit dem Pfad yourProjectFolder\openapihinzugefügt wurde. Definiert Ihre API nach der Veröffentlichung. Dies ist die API-Spezifikationsdatei.

Siehe auch