Office 365

Custom Apps in Microsoft Teams

Endlich ist die Funktion vorhanden! Ab sofort kann man eigene Apps in Teams bereitstellen und anheften.

Gamer Changer – Das Ende der Diskussion ob Teams oder SharePoint

Seit es Microsoft Teams gibt, drängt sich mehr und mehr die Erkenntnis auf: Teams funktioniert gut als zentrale Benutzeroberfläche für die tägliche Arbeit. Statt wie früher auf unterschiedliche Tools zurückgreifen zu müssen, vereint Teams dies in einer Oberfläche – entweder weil es die Funktionen selbst bereitstellt (Chat, Meetings etc.) oder weil es die Funktionalitäten anderer Tools nahtlos integriert (SharePoint, Outlook Kalender & Kontakte).

Trotzdem gab es immer noch einen großen Konflikt: Was ist mit SharePoint Portalen (das klassische Intranet) oder anderen SharePoint-basierten Lösungen, wie Geschäftsprozesse auf Basis von SharePoint-Listen? Die Integration über Tabs in Teams-Kanälen war bisher eher umständlich, sodass man zwangsläufig den Benutzer über den Browser zu SharePoint lotsen musste.

Das ist nun vorbei. Teams wird sich als Benutzeroberfläche gegenüber SharePoint durchsetzen und dies aus einem einfachen Grund: Innerhalb von wenigen Minuten können wir vorhandene SharePoint-Inhalte als sogenannte „Personal App“ (dt. „Persönliche App“) in die linke Leiste von Teams einbinden – ganz ohne die Unterstützung von Entwicklern oder externen Dienstleistern.

Portal in MS Teams

Administratoren haben zusätzlich noch die Möglichkeit, diese Apps zentral für alle oder auch nur für bestimmte Benutzergruppen in Teams bereitzustellen. Auch dies ist ohne externe Unterstützung und in nur wenigen Minuten möglich.

Bevor wir mit unserer ersten App starten noch ein Hinweis: Falls einzelne Schritte in diesem Artikel für Sie nicht funktionieren, ist es wahrscheinlich, dass notwendige Funktionen durch ihren Administrator gesperrt wurden. Eine Freischaltung ist möglich, indem anhand der Microsoft-Dokumentation (https://docs.microsoft.com/de-DE/microsoftteams/manage-apps und den Richtlinien & Einstellungen https://docs.microsoft.com/de-DE/microsoftteams/teams-custom-app-policies-and-settings) die App „App Studio“ sowie die Möglichkeit, benutzerdefinierte Apps hochzuladen, aktiviert wird.

Wir erstellen unsere erste App

Um eine neue App zu erstellen, suchen wir zunächst nach dem „App Studio“ von Microsoft und fügen dieses hinzu.

App Studio in MS Teams

Über den „Manifest Editor“ können wir eine neue App erstellen oder alternativ ein bereits vorhandenes App-Paket importieren. In der angezeigten Konfigurationsoberfläche der App ist nur ein Teil der Eingaben notwendig. Lassen Sie sich daher nicht von den Möglichkeiten abschrecken.

Manifest Editor in MS Teams

App Details

Die folgenden Eingaben sind zwingend erforderlich – alle weiteren Felder können Sie ignorieren:  

App Names

  • Short Name: Ein sehr kurzer Name für die App. Dieser wird in Teams in der linken Leiste unterhalb des Icons angezeigt und ist idealerweise nicht länger als 10 Zeichen.
  • Full Name: Ein längerer Name, der in Detailseiten der App angezeigt wird.

Identification

  • App ID: Eine eindeutige, technische ID. Es genügt, einmalig auf „Generate“ zu klicken.
  • Package Name: Ein eindeutiger, technischer Name (z. B. „de.contoso.teams.portal“), der beliebig gesetzt werden kann.
  • Version: Wir starten mit 1.0.0 und erhöhen diese bei Bedarf, wenn wir das App-Paket später verändern.

Descriptions

  • Short Description: Eine Kurzbeschreibung, die in einigen Übersichten angezeigt wird.
  • Full Description: Eine detailliertere Beschreibung der App, die auf verschiedenen Detailseiten angezeigt wird.

Developer Information (für interne Apps eher unwichtig)

  • Name: Der Name des Entwicklers (z. B. der Name Ihrer Firma).
  • Website: Eine beliebige URL (z. B. die öffentliche Website Ihrer Firma).

App URLs (für interne Apps eher unwichtig)

  • Privacy Statement: Die URL zu Ihrer Datenschutzerklärung oder eine andere, beliebige URL.
  • Terms of Use: Die URL zu Ihren Nutzungsbedingungen oder eine andere, beliebige URL.

Für interne Apps sind die meisten Angaben eher zweitrangig. Wichtig ist tatsächlich vor allem der Short Name, da dieser immer angezeigt wird.

Nun zum interessanten Teil: Wir legen über „Tabs“ fest, welche SharePoint-Seiten wir einbetten möchten.

Tabs hinzufügen

Der Name des Tabs wird später direkt in der App angezeigt und sollte daher möglichst eindeutig gewählt sein. Als „Entity ID“ können sie wieder eine beliebige Zahl eingeben – beispielsweise 20002000 für den ersten Tab und 20002001 für den zweiten Tab.

Die „Content URL“ legt die Seite fest, welche eingebettet werden soll. Es genügt hier, wenn sie einfach in SharePoint zu der gewünschten Seite navigieren und die URL aus der Browserleiste kopieren. Es macht dabei keinen Unterschied, ob es eine Inhaltsseite, Bibliothek oder Liste ist.  Die „Website URL“ weicht nur in wenigen Fällen von der „Content URL“ ab. Sie legt fest, was bei einem Klick auf die kleine Weltkugel (rechts oben) geöffnet wird.

Um die App zu testen, können wir unter „Test and distribute“ auf „Install“ klicken und fügen die App in unserem eigenen Teams-Client hinzu. Sollte es noch fehlende Eingaben geben, so werden diese rechts neben den Buttons angezeigt.

App installieren

Als Nächstes möchten wir noch ein schöneres Icon vergeben. Wir öffnen dazu wieder das „App Studio“ und klicken auf die eben erstellte App. Unter „App Details“ gibt es am unteren Ende im Bereich „Branding“ die Möglichkeit, Bilder für die App zu hinterlegen.

Icons und Farben setzen

„Full Color“ legt das allgemeine, farbige Icon der App fest und wird im Format 192*192 Pixel benötigt. Dieses Bild wird beispielsweise in der App-Übersicht angezeigt. Sollte das Bild teilweise transparent sein, so wird es entsprechend mit der gesetzten „Accent color“ hinterlegt.

„Transparent Outline“ wird in der linken Leiste von Teams angezeigt und erfordert das Format 32*32 Pixel. Für eine optimale Anzeige sollte es einen transparenten Hintergrund sowie ausschließlich weiße Linien bzw. Umrisse enthalten. Man kann sich hier an den anderen Icons von Microsoft (Aktivitäten, Teams, Chat, usw.) orientieren.

Branding

Dadurch, dass Änderungen an der App sehr schnell umgesetzt und getestet werden können, ist die Zeit von der vorhandenen SharePoint-Site bis zum fertigen App-Paket sehr kurz: Pro App mit etwas Übung fünf bis zehn Minuten.

Möchte man das App-Paket nun einzelnen Benutzern übergeben, können wir es unter „Test and distribute“ über „Download“ herunterladen. Das Paket kann dann in einem anderen Teams-Client direkt im Bereich „Apps“ über „Benutzerdefinierte App hochladen“ integriert werden.

Benutzerdefinierte App

Apps zentral bereitstellen

Ist die App fertig, möchten wir sie zentral für viele bis alle Benutzer bereitstellen, ohne dass jeder Einzelne sie selbstständig hochladen muss. Wir übergeben das App-Paket dazu einem Administrator, der im Teams Admin Center unter „Teams Apps“ und „Apps verwalten“ das App-Paket hochlädt.

Apps verwalten

Möchten wir später die App aktualisieren – beispielsweise, weil ein neuer Tab hinzukommt – kann der Administrator unter „Apps verwalten“ die betreffende App öffnen und über „Aktualisieren“ das neue App-Paket hochladen.

App aktualisieren

App aktualisieren

Sobald die App bereitgestellt wurde, können Anwender diese unter „Apps“ suchen und finden. Im Bereich „Entwickelt für <Name der Organisation>“ werden alle zentral bereitgestellten, benutzerdefinierten Apps angezeigt und können hinzugefügt werden.

App hinzufügen

Möchte der Administrator die App für alle oder nur bestimmte Anwender direkt installieren und an der linken Leiste anheften, kann er dies unter „Einrichtungsrichtlinien“ vornehmen.

App anheften

App anheften

Die Richtlinie „Global“ umfasst dabei alle Benutzer, während andere Richtlinien durchaus weniger Mitarbeiter adressieren können. Die Konfigurationsmöglichkeiten beschreibt Microsoft im entsprechenden Dokumentationsartikel (https://docs.microsoft.com/de-DE/microsoftteams/teams-app-setup-policies).

Es kann erfahrungsgemäß etwas dauern, bis neue oder aktualisierte Apps bei allen Anwendern angezeigt werden. Selbst auf dem Smartphone werden die Apps nach einiger Zeit angezeigt.

App auf Mobile Device

Zum Zeitpunkt der Erstellung dieses Artikels funktionierte dies allerdings nicht verlässlich. Manche Apps erschienen auf dem Smartphone gar nicht oder erst nach etlichen Tagen. Hier muss Microsoft noch nachbessern, bevor wir dies unseren Benutzern an die Hand geben können.

Was ist nun der „Game Changer“?

Wir erinnern uns zurück an die guten alten SharePoint-Zeiten: Es gab eine Portal-Startseite mit den wichtigsten Inhalten, News, Links und einigen WebParts. Von dort aus haben wir den Benutzer über eine Navigation oder intelligente Links auf weitere Inhalte und Funktionen gelotst.

Da nun aber Teams als der bevorzugte Startpunkt für den Zugriff dienen kann – warum nicht einfach alles „appifizieren“ und den Benutzern als Teams-App bereitstellen? Wie im oben gezeigten Beispiel kann selbst die Portal-Startseite eine App innerhalb von Teams werden.

Wie gehabt werden wir auch weiterhin in SharePoint auf Basis von Inhaltseiten, Listen und Bibliotheken unsere Lösungen bauen. Manchmal nutzen wir zusätzlich Power Apps, manchmal vielleicht eine SharePoint Framework Entwicklungslösung. Am Ende des Tages ist der Weg zum Endbenutzer aber immer der gleiche: Wir verpacken sie als Teams-App und ermöglichen dadurch den Zugang für den Endbenutzer, ohne dass dieser einen Umweg über den Browser gehen muss.

Unsere Anwender werden uns dafür dankbar sein, wenn wir Ihnen tatsächlich irgendwann einmal sagen können: In Teams findest du alles, was du brauchst.

Komm hier gerne jederzeit auf uns zu, wir unterstützen hier alle Unternehmen - unabhängig ihrer Branche und Größe.

Ihr erreicht uns via E-Mail unter vertrieb(at)lansco.de bzw. telefonisch unter +49 9281 5469850.

 

Zum Autor

Marco Schmittnägel

Marco Schmittnägel ist seit über 10 Jahren im SharePoint-Umfeld tätig. Als Cloud Enthusiast begeistert er mit seiner 6-jährigen Office 365 Expertise sowohl unsere Kunden und Interessenten als auch in Vorträgen als Fachreferent im Bereich #DigitalWorkplace.


tansparent / rot Übergang
rot / dunkelgrau Übergang
+49-9281-1809900