Entwickeln Ihrer Apps mit dem Teams-Toolkit

  • Artikel

Nachdem Sie Ihre App im Teams-Entwicklerportal erstellt haben, haben Sie folgende Möglichkeiten:

Teams Toolkit erstellt ein Gerüst für die erforderlichen Dateien basierend auf dem Feature und den Konfigurationen, die Sie im Teams-Entwicklerportal festgelegt haben. Dies ermöglicht einen nahtlosen Übergang zwischen Teams Developer Portal und Teams Toolkit in Visual Studio Code und Visual Studio.

Öffnen Der App in Visual Studio Code

Im Teams-Entwicklerportal können Sie Ihr Projekt (React-App) in Visual Studio Code öffnen und starten.

Gehen Sie wie folgt vor, um Ihre App in Visual Studio Code zu öffnen:

  1. Wählen Sie Entwickeln>In Teams Toolkit>öffnen in Visual Studio Code (JS/TS) öffnen aus.

    Screenshot: Entwicklerportal mit rot hervorgehobener Option

    Ein Dialogfeld wird angezeigt.

    Hinweis

    Damit Ihre App geöffnet werden kann, installieren Sie die neueste Version des Teams-Toolkits für Visual Studio Code.

  2. Klicken Sie auf Öffnen.

    Screenshot: Browser mit rot hervorgehobener Option

    Ein Dialogfeld wird angezeigt.

  3. Klicken Sie auf Öffnen.

    Screenshot: Seite

    Melden Sie sich bei Bedarf bei Ihrem Microsoft 365-Konto an.

  4. Wählen Sie Ihre bevorzugte Programmiersprache aus.

    Screenshot: Teams Toolkit mit rot hervorgehobener Programmiersprache auswählen

  5. Wählen Sie Ihren Arbeitsbereichsordner aus.

    Screenshot: Teams Toolkit mit rot hervorgehobenem Arbeitsbereichsordner

  6. Geben Sie einen App-Namen ein.

    Screenshot: Teams Toolkit mit rot hervorgehobenem Anwendungsnamen

  7. Wählen Sie Ihre App und dann OK aus.

    Das Teams-Toolkit konvertiert die URL, die Sie im Teams-Entwicklerportal konfiguriert haben, in eine localhost-Adresse, um mit dem Debugprozess zu arbeiten.

    Screenshot: Teams Toolkit mit rot hervorgehobener Option

    Teams Toolkit gerüstet Ihr Projekt mit allen erforderlichen Konfigurations- und Codedateien. Jetzt können Sie mit der Entwicklung beginnen.

    Screenshot: Gerüstbau Ihres Projekts in Visual Studio Code

Öffnen Der App in Visual Studio

Sie können Ihr Projekt in Visual Studio öffnen und ein Gerüst für Ihr Projekt in Visual Studio mit dem Teams-Toolkit erstellen. Stellen Sie sicher, dass Sie Visual Studio 2022 Version 17.6 Preview 2 installiert haben.

Gehen Sie wie folgt vor, um Ihre App in Visual Studio zu öffnen:

  1. Wählen Sie Entwickeln>In Teams Toolkit>öffnen in Visual Studio (.NET) (Vorschau) öffnen aus.

    Screenshot: Entwicklerportal mit

  2. Wählen Sie Öffnen aus, um ein Gerüst für Ihr Projekt zu erstellen.

    Screenshot des Browsers mit der Option

    Melden Sie sich bei Bedarf bei Ihrem Microsoft 365-Konto an.

  3. Geben Sie den Projektnamen, den Speicherort und den Projektmappennamen ein. Wählen Sie Erstellen aus.

    Screenshot: Registerkarte

  4. Wählen Sie den Anwendungstyp und dann Weiter aus.

    Das Teams-Toolkit konvertiert die App, die Sie im Teams-Entwicklerportal konfiguriert haben, in eine localhost-Adresse, um mit dem Debugprozess zu arbeiten.

    Screenshot: Typ der App in Visual Studio

    Teams Toolkit gerüstet Ihr Projekt mit allen erforderlichen Konfigurations- und Codedateien. Jetzt können Sie mit der Entwicklung beginnen.

    Screenshot: Gerüstbau Ihres Projekts in Visual Studio

Nachdem Sie Ihre App im Teams Toolkit geöffnet haben, können Sie Ihre Teams-App jetzt im Teams-Toolkit entwickeln und debuggen .

Hinweis

Sie können im Teams Toolkit nur über das Entwicklerportal in der Vorschauversion arbeiten.

Siehe auch

Veröffentlichen Ihrer Teams-Apps über das Entwicklerportal