Verwenden des SharePoint Framework mit Teams zum Erstellen einfacher benutzerdefinierter Apps

Sharepoint: Vier Gründe, warum Sie es verwenden sollten Sie fragen sich, warum Sie sich für Microsoft Sharepoint entscheiden sollten? Hier sind vier Gründe, warum dies für Ihre Organisation richtig sein kann.

Mehr über Windows

  • Verwendung des Gott-Modus in Windows 10
  • Windows 10 PowerToys: Ein Spickzettel
  • Microsofts größte Flops des Jahrzehnts
  • 10 Tricks und Optimierungen zum Anpassen von Windows 10 (kostenloses PDF)

Die SharePoint-Kollaborationsplattform von Microsoft ist nicht neu, aber die neueste Entwicklung führt sie an neue Orte und zu neuen Benutzern. Ein Teil dieser Änderung ist eine neue Methode zum Erstellen von Anwendungen, die die SharePoint-Entwicklung in die Chat-basierte Kollaborationsumgebung von Microsoft Teams und sogar in die gemischte Realität mit HoloLens überträgt.

SharePoint-Apps sind nicht komplex. Sie sind in der Regel Front-Ends für Branchen-Tools, die einen Teil des Workflows implementieren. Sie werden in SharePoint-Webseiten ausgeführt und sind nur einen Klick von Ihrer Arbeit entfernt. Sie können in allgemeine Workflows integriert werden und vorhandene Teile mit Webparts versehen. Da Teams jetzt ein wichtiger Bestandteil der Collaboration-Strategie von Microsoft sind und mit der Einführung in Office 365-Unternehmenskonten beginnen, ist es möglicherweise an der Zeit, die beiden Technologien mithilfe der bevorstehenden Unterstützung von Teams für die SharePoint Framework (SPFx) -Entwicklungsumgebung zu kombinieren.

Einführung in SPFx

Das SharePoint Framework verwendet das in früheren Versionen von SharePoint verwendete Webpartmodell und aktualisiert es für das moderne Web und moderne Webbrowser. Anstatt iFrames und serverseitige Tools zu verwenden, basiert es auf Code, der in den Browsern der Benutzer ausgeführt wird. Code ist in JavaScript geschrieben und funktioniert als Teil des Dokumentobjektmodells einer Seite. Er kann zusammen mit einer Auswahl von JavaScript-Entwicklungsframeworks verwendet werden. Sie können also SPFx neben React oder Angular verwenden.

Sie haben weiterhin die Möglichkeit, iFrames zum Hosten von Webparts zu verwenden, jetzt jedoch als Sicherheitstool: Indem Sie ein SPFx-Webpart in einem iFrame hosten, isolieren Sie es jetzt vom Rest Ihrer Anwendung und erteilen ihm andere Berechtigungen als dem Rest der Anwendung eine App.

Neuere Versionen von SPFx (ab 1.7) unterstützen nicht nur SharePoint. Ihre Webparts werden in Microsoft Teams gerendert und als Apps auf den Registerkarten "Teams" ausgeführt. Dies ist eine nützliche Option, da Ihre vorhandenen SharePoint-Apps schnell zu Team-Apps werden können. Benutzer müssen sich nicht bei SharePoint anmelden, um sie anzuzeigen und zu verwenden. Sie stehen neben regelmäßigen Teamgesprächen und der Zusammenarbeit zur Verfügung, die über den Teams App-Katalog installiert werden.

Während der aktuellen Vorschau ist der Vorgang so einfach, dass Sie neue Apps erstellen oder vorhandenen SPFx-Code konvertieren können, der zur Veröffentlichung bereit ist. Wenn Sie Ihren Code testen müssen, können Sie mit Microsoft Apps von Seiten in Teams laden.

Die wichtigste Frage ist nicht, wie Sie Ihre App erstellen, sondern wie Sie sie mit der Arbeitsweise Ihrer Benutzer verknüpfen. Anfänglich werden SPFx-Apps in Teams als separate Registerkarten gerendert, sodass Benutzer sie explizit in ihrem Client installieren und zu und von ihnen wechseln müssen, wenn sie auf Informationen zugreifen oder Aufgaben ausführen müssen. Ein Großteil der Anwendungsplattform von Teams konzentriert sich auf die Bearbeitung von „Mikroaufgaben“ - schnelle Genehmigungen oder Abfragen, die neben anderen Aufgaben ausgeführt werden können. Es ist eine gute Philosophie, wenn Sie Ihre SPFx-Apps erstellen und einfache Aktionen ausführen, die nur ein schnelles Ein- und Aussteigen eines Benutzers erfordern.

Erstellen eines SPFx-Codes für Teams

Das Erstellen einer neuen App ist nicht schwer. Die meisten Tools, die Sie benötigen, werden mit bekannten Webentwicklungstools wie npm und Yeoman geladen. Sie beginnen mit der Installation eines Standardwebparts in einem lokalen Verzeichnis und verwenden Ihren üblichen Editor, um mit den resultierenden Dateien zu arbeiten. Standardmäßig finden Sie jetzt in jedem neuen Webpart, den Sie erstellen, einen Teamordner, wodurch das Bearbeiten und Erstellen neuer Registerkarten erheblich vereinfacht wird.

Yeoman erstellt das Gerüst für Ihre App mithilfe einfacher Fragen und Antworten aus dem SharePoint-Generator.

Bild: Microsoft

Zunächst verwenden Sie Yeoman, um Ihre Entwicklungsumgebung einzurichten. Es ist ein Befehlszeilentool, das Sie jedoch mithilfe des integrierten Terminals in Visual Studio Code ausführen können. Yeoman erstellt das Gerüst für Ihre App mithilfe einfacher Fragen und Antworten aus dem SharePoint-Generator. Nachdem Sie das Yeoman-Skript durchlaufen haben und alle erforderlichen Informationen erhalten haben, wird die Verzeichnisstruktur für ein SPFx-Webpart erstellt und alle erforderlichen Abhängigkeiten heruntergeladen und installiert.

Vieles, was Sie zum Ausführen einer SPFx-App in Teams benötigen, wird von der Datei manifest.json im Verzeichnis Teams erledigt. Sie finden es neben Beispielsymbolen, die Sie für Ihre App aktualisieren müssen. Aktualisieren Sie es mit den Details Ihrer App und ihren Symbolen.

Wenn Sie bereit sind, Ihren Webpart-Code zu bearbeiten, müssen Sie zunächst sicherstellen, dass er auf einer Registerkarte "Teams" funktioniert, indem Sie eine Variable hinzufügen, die den Team-Kontext enthält. Dies wird initialisiert, wenn Sie die App starten und prüfen, ob sie in Teams ausgeführt wird oder nicht. Sie werden es verwenden, um Inhalte anzuzeigen, die nur in Teams gerendert werden, und um sicherzustellen, dass SharePoint-spezifische Funktionen für Teambenutzer nicht verfügbar sind. Wenn Sie es als Kontextwechsel verwenden, können Sie über einen Satz SPFx-Code verfügen, der sowohl Team- als auch SharePoint-Bereitstellungen verarbeiten kann, wodurch die Anwendungswartung auf ein Minimum beschränkt bleibt.

Code, der in SPFx-Webparts ausgeführt wird, wird unter Verwendung eines Webframeworks und von Komponenten Ihrer Wahl geschrieben. Sobald er fertig ist, können Sie ihn verpacken und an einen Team-App-Katalog senden. Das SPFx-Tool von Microsoft verwendet gulp, um Ihren Code zu erstellen und für die Verteilung zu bündeln. Sobald es verpackt ist, kann es hochgeladen werden. Zunächst können Sie es entweder in einer lokalen SharePoint-Installation oder über Office 365 zu Ihrem SharePoint-Apps-Ordner hinzufügen. Anschließend müssen Sie die Vertrauenseinstellungen Ihrer App festlegen, bevor Sie sie Ihren Teambenutzern zur Verfügung stellen können.

Eine benutzerdefinierte Registerkarte, die dem Microsoft Teams-Kanal hinzugefügt wurde.

Bild: Microsoft

Integration von SPFx und Teams in Ihre Branchen-Apps

SPFx geht über die Integration Ihrer Team-Anwendungen in SharePoint hinaus und baut auf den wachsenden Microsoft Graph-APIs für die Integration in Office 365 und Microsoft 365 auf. Wie bei älteren SharePoint-Entwicklungstechnologien können Sie Webparts von Microsoft, Drittanbietern und einer wachsenden Anzahl von Open- verwenden. Quell-Community-Komponenten oder benutzerdefinierte Komponenten, die von Ihrem eigenen SharePoint-Entwicklungsteam entwickelt wurden.

Komplexerer Code kann in TypeScript, der JavaScript-basierten Sprache von Microsoft, geschrieben werden. Diese bietet Ihnen eine starke Typisierung und Tools, die das Erstellen und Verwalten umfangreicher Webanwendungen erleichtern. Die Verwendung von TypeScript erleichtert serverseitigen Entwicklern, die C # zum Erstellen von SharePoint-Anwendungen verwendet haben, den Übergang zu clientseitigem In-Browser-Code, da TypeScript auf vielen bekannten C # -Entwicklungskonzepten aufbaut.

Mit SPFx 1.7 können Sie jetzt auch Webparts zum Behandeln von Datenverbindungen verwenden, sodass Sie Informationen von einer Seite extrahieren und an einen Server zurücksenden und verschiedene Webparts auf derselben Seite verknüpfen können. Team-Apps können damit komplexe Ansichten erstellen, z. B. das Mischen einer Auswahl und eines Ansichtssteuerelements auf derselben Seite. Es ist leicht vorstellbar, dass Entwickler mit diesem Ansatz Azure DevOps-Pull-Anforderungen für ein Projekt auflisten können, wobei sowohl Code als auch Kommentare angezeigt werden.

Die Beziehung zwischen Teams und SharePoint verläuft in beide Richtungen, da Sie auch Team-Registerkarten in SharePoint hosten können. Microsoft scheint endlich zu verstehen, dass Einzelpersonen sehr unterschiedliche Ansätze für die Zusammenarbeit verfolgen. Daher müssen die Tools über die bevorzugten Kanäle der Benutzer Zugriff auf dieselben Anwendungen bieten, unabhängig davon, ob dies in einem Browser oder in einer Konversation geschieht.

Technische Nachrichten Sie können Newsletter verwenden

Wir liefern die besten Business-Tech-Nachrichten über die Unternehmen, die Menschen und die Produkte, die den Planeten revolutionieren. Täglich geliefert

Heute anmelden

© Copyright 2020 | mobilegn.com