Freigeben über

Hinzufügen einer Microsoft Teams-Registerkarte zu SharePoint

  • Artikel

Erleben Sie eine umfassende Integration von Microsoft Teams und SharePoint, indem Sie eine Teams-Registerkarte als SharePoint-Framework (SPFx)-Webpart hinzufügen. In diesem Artikel erfahren Sie, wie Sie eine Registerkarte aus einer Teams-Beispiel-App in SharePoint integrieren. Mit der neuesten Version von Teams und SPFx verfügen Sie über die folgenden zwei Funktionen:

SharePoint-Webparts in Teams

SharePoint hostet SPFx-Webparts, ohne dass externe Dienste wie Azure erforderlich sind. Für SharePoint-Entwickler vereinfacht diese Funktion den Entwicklungsprozess für Teams-Registerkarten. Weitere Informationen finden Sie unter Verwenden der SharePoint-Framework in Teams.

Screenshot: Webpart, das als Registerkarte

Microsoft Teams-Registerkarten in SharePoint

Mit SPFx können Sie Ihre Teams-Registerkarten direkt in SharePoint hosten, das eine ganzseitige Benutzeroberfläche bietet. Es behält die Funktionalität von Teams-Registerkarten bei und behält gleichzeitig den Kontext und die Vertrautheit einer SharePoint-Website bei.

Screenshot: Registerkarte

Vorteile

  • Erreichen Sie mit Ihrer bestehenden Microsoft Teams-Registerkarte SharePoint-Benutzer.
  • Laden Sie Ihr App-Manifest (zuvor teams-App-Manifest genannt) direkt in Ihren SharePoint-App-Katalog hoch. SharePoint unterstützt das Teams-App-Paket.
  • Konfigurieren Sie die Registerkarte auf einer Seite wie jedes andere SharePoint-Webpart.
  • Greifen Sie auf den Kontext Ihrer Registerkarte auf die gleiche Weise zu wie bei der Ausführung in Teams.

Testen der Beispiel-App

  1. Laden Sie das Beispiel-App-Manifest herunter.

  2. Wählen Sie in Teams Apps>Verwalten Ihrer Apps>App hochladen aus.

  3. Wählen Sie Benutzerdefinierte App hochladen aus.

    Screenshot: Option zum Hochladen einer benutzerdefinierten App in Teams

  4. Wählen Sie das Beispiel-App-Manifest .zip Datei und dann Öffnen aus. Ein Dialogfeld wird geöffnet, um die benutzerdefinierte App hinzuzufügen.

  5. Klicken Sie auf Hinzufügen.

    Screenshot des Dialogfelds mit den App-Details zum Hinzufügen der Beispiel-App zu Teams.

  6. Wählen Sie Öffnen aus, um die App im persönlichen Bereich zu öffnen.

    Alternativ können Sie entweder den erforderlichen Bereich suchen und auswählen oder einen Kanal oder eine Besprechung aus der Liste auswählen und durch das Dialogfeld navigieren, um Los auszuwählen.

    Screenshot des Dialogfelds zur Bereichsauswahl zum Auswählen des erforderlichen Bereichs.

  7. Ihrem Teams-Kanal wird eine neue statische Registerkarte hinzugefügt.

    Sie können mit der App experimentieren und ihre Funktionen testen, einschließlich konfigurierbarer Registerkarten und eines Chatbots.

    Screenshot: Neue Registerkarte, die in einem Team hinzugefügt wurde

Hinweis

SharePoint-Erweiterungsbefehle werden auf der Registerkarte Teams-Dateien nicht unterstützt. Sie können eine SharePoint-Seite, -Liste oder -Dokumentbibliothek als Registerkarte in Teams hinzufügen.

Es ist ein Problem aufgetreten.

Verwenden der Registerkarte "Teams" in SharePoint

  1. Laden Sie Ihr Microsoft Teams-App-Paket in Ihren SharePoint-App-Katalog hoch, und stellen Sie es bereit, indem Sie https://YOUR_TENANT_NAME.sharepoint.com/sites/appcatalog/AppCatalog/Forms/AllItems.aspxbesuchen.

    Beispiel: https://contoso.sharepoint.com/sites/appcatalog/AppCatalog/Forms/AllItems.aspx.

    • Wenn Sie dazu aufgefordert werden, aktivieren Sie die Option Diese Lösung allen Sites in Ihrer Organisation zur Verfügung stellen.

      Screenshot: Dialogfeld

    Anschließend müssen Sie eine neue Seite auf Ihrer Website erstellen.

  2. Um eine neue Seite zu erstellen, wählen Sie Einstellungen und dann Seite hinzufügen aus.

    Screenshot: Optionen für Office 365 Einstellungen

  3. Richten Sie Ihre Seite ein, und geben Sie einen geeigneten Namen ein, z. B. Meine Teams-Registerkarte.

  4. Wählen Sie diese Option aus + , um die Webpart-Toolbox zu öffnen.

    Screenshot: Option zum Hinzufügen eines Webparts

  5. Suchen Sie in der Liste nach der App, die Sie hochgeladen haben, und wählen Sie sie aus. Es wird ein Webpart in der Canvas erstellt, die Ihre Teams-Registerkarte enthält.

    Screenshot: Registerkartenansicht

  6. Nachdem Sie die Bearbeitung abgeschlossen haben, wählen Sie Veröffentlichen aus.

  7. Wählen Sie Seite zu Navigation hinzufügen aus, um in der linken Navigationsleiste einen Schnellverweis auf Ihre Seite zu erhalten.

    Screenshot: Registerkarte in SharePoint

Es ist ein Problem aufgetreten.

Erkunden von Einteil-App-Seiten in SharePoint

Nachdem Sie Ihre Seite veröffentlicht haben, erkunden Sie einteilige App-Seiten in SharePoint. Auf diese Weise können Sie die aktuelle Seite in eine einzelne App-Seite konvertieren, ein normales SharePoint-Seitenlayout mit der ganzseitigen Oberfläche für die Registerkarte Teams.

Screenshot: Teams-App in SharePoint

Codebeispiel

Beispielname Beschreibung SPFx
SPFx-Webpart SPFx-Webpartbeispiele für Registerkarten, Kanäle und Gruppen Anzeigen

Siehe auch