Hinzufügen einer Microsoft Teams-Registerkarte zu SharePoint

Sie können eine umfassende Integrationserfahrung zwischen Microsoft Teams und SharePoint erzielen, indem Sie eine Microsoft Teams Registerkarte in SharePoint als SPFx Webpart hinzufügen. Dieses Dokument führt Sie durch die Verwendung einer Registerkarte aus einer Microsoft Teams Beispiel-App und deren Verwendung in SharePoint.

Umfassende Integration zwischen Teams und SharePoint

Mit der November-Version von Teams und SharePoint-Framework Version 1.7 verfügen Entwickler über zwei leistungsstarke Funktionen:

Teams Registerkarten in SharePoint

Mit SharePoint-Framework Version 1.7 können Sie Ihre Teams Registerkarten in SharePoint hosten. Da in SharePoint gehostete Registerkarten eine ähnliche ganzseitige Oberfläche erhalten, werden alle Features von Teams Registerkarten verfügbar, während der Kontext und die Vertrautheit einer SharePoint Website beibehalten werden.

SharePoint-Framework in Teams

Sie können Ihre Microsoft Teams Registerkarten auch mit SharePoint-Framework implementieren. SharePoint-Framework Webparts werden in SharePoint gehostet, ohne dass externe Dienste wie Azure erforderlich sind. Für SharePoint Entwickler vereinfacht dies den Entwicklungsprozess für Teams Registerkarten erheblich. Weitere Informationen zu SharePoint-Framework in Teams finden Sie unter Verwendung der SharePoint-Framework in Teams.

Einführung

Die hier verwendete Registerkarte wird bereits in Azure gehostet, um sich auf die erforderlichen Integrationsarbeit zu konzentrieren.

Die verwendete Beispiel-App ist eine Talent management-Anwendung. Sie verwaltet den Einstellungsprozess von Kandidaten für offene Positionen in einem Team. Erstellen Sie ein Beispiel Teams App, und laden Sie es in Teams. Erstellen Sie keine echte Talentverwaltungsanwendung.

Vorteile dieses Ansatzes

  • Erreichen Sie SharePoint Benutzer mit Ihrer vorhandenen Teams Registerkarte.
  • Hochladen Ihr App-Manifest direkt in Den SharePoint App-Katalog. Teams Anwendungspakete werden jetzt von SharePoint unterstützt.
  • Die Benutzer konfigurieren die Registerkarte auf einer Seite genau wie jedes andere SharePoint Webpart.
  • Ihre Registerkarte kann auf den gleichen Kontext wie auf der Registerkarte zugreifen, wenn sie innerhalb Teams ausgeführt wird.

So fügen Sie Teams Registerkarte zu SharePoint hinzu

Führen Sie die folgenden Schritte aus, um SharePoint Teams Registerkarte hinzuzufügen:

1. Testen der Beispiel-App

Laden Sie das Beispiel-App-Manifest herunter.

  1. Öffnen Sie Microsoft Teams.

  2. Wählen Sie das Appstore-Symbol unten links auf der Registerkarte aus.

  3. Wählen Sie unten links Hochladen einer benutzerdefinierten App aus. In der folgenden Abbildung wird der entsprechende Bildschirm angezeigt:

    Hochladen einer benutzerdefinierten App

  4. Die hochzuladende Datei befindet sich im Ordner "Downloads". Sie wird TalentMgmt-Azure.zip genannt. In der folgenden Abbildung wird der entsprechende Bildschirm angezeigt:

    TalentMgmt in Azure

  5. Sie können den Installations- oder Zustimmungsbildschirm für die Talentmanagement-App anzeigen. Wählen Sie das Team aus, das Sie installieren möchten.

  6. Wählen Sie die Option "Installieren" aus, und beginnen Sie mit dem Experimentieren mit der App.

2. Verwenden sie Teams Registerkarte in SharePoint

  1. Hochladen Und stellen Sie Ihr Teams-App-Paket im SharePoint App-Katalog bereit. https://YOUR_TENANT_NAME.sharepoint.com/sites/apps/AppCatalog/Forms/AllItems.aspx Beispiel: https://contoso.sharepoint.com/sites/apps/AppCatalog/Forms/AllItems.aspx.

  2. Wenn Sie dazu aufgefordert werden, aktivieren Sie "Diese Lösung für alle Websites in der Organisation verfügbar machen". In der folgenden Abbildung wird der entsprechende Bildschirm angezeigt:

    Registerkarten in der SharePoint-Ansicht

  3. Erstellen Sie auf Ihrer Website eine neue Seite, indem Sie oben rechts die Zahnradschaltfläche auswählen und dann eine Seite hinzufügen auswählen. In der folgenden Abbildung wird der entsprechende Bildschirm angezeigt:

    SharePoint-Ansicht

  4. Sie können die Erstellungsoberfläche für SharePoint Seiten anzeigen. Benennen Sie Ihre Seite als Registerkarte "Meine Teams".

  5. Öffnen Sie die Webpart-Toolbox, indem Sie die + Schaltfläche auswählen, und wählen Sie Ihre Teams Registerkarte namens Contoso HR aus. Webparts werden alphabetisch sortiert. Wenn es sich um eine lange Liste handelt, können Sie die Suchleiste verwenden, um sie zu finden. Dadurch wird ein Webpart im Zeichenbereich erstellt, das ihre Teams Registerkarte enthält. In der folgenden Abbildung wird die Registerkartenansicht angezeigt:

    Registerkartenansicht

  6. Wählen Sie die Schaltfläche "Veröffentlichen" aus, nachdem Sie die Bearbeitung abgeschlossen haben.

  7. Wählen Sie "Seite zur Navigation hinzufügen" aus, um in der linken Navigationsleiste einen Schnellverweis auf Ihre Seite zu erhalten. In der folgenden Abbildung wird die Registerkarte in SharePoint angezeigt:

    Registerkarte in SharePoint-Bild

3. Erkunden von App-Seiten in SharePoint

Nachdem Ihre Seite veröffentlicht wurde, können Sie erkunden, wie Sie Ihre Teams-App in SharePoint zu einer umfassenderen Oberfläche machen. Dadurch wird die aktuelle Seite in eine App-Seite konvertiert, wobei das normale SharePoint Seitenlayout mit einer vollständigen Seitenoberfläche für die Registerkarte Teams angezeigt wird.

Die folgende Abbildung zeigt die vollständige Benutzeroberfläche von Teams App in SharePoint:  Abbildung der Registerkarten in SharePoint

Codebeispiel

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

Siehe auch