Seit es Microsoft Teams gibt, dr\u00e4ngt sich mehr und mehr die Erkenntnis auf: Teams funktioniert gut als zentrale Benutzeroberfl\u00e4che f\u00fcr die t\u00e4gliche Arbeit. Statt wie fr\u00fcher auf unterschiedliche Tools zur\u00fcckgreifen zu m\u00fcssen, vereint Teams dies in einer Oberfl\u00e4che \u2013 entweder weil es die Funktionen selbst bereitstellt (Chat, Meetings etc.) oder weil es die Funktionalit\u00e4ten anderer Tools nahtlos integriert (SharePoint, Outlook Kalender & Kontakte).<\/p>\n\n\n\n
Trotzdem gab es immer noch einen gro\u00dfen Konflikt: Was ist mit SharePoint Portalen (das klassische Intranet) oder anderen SharePoint-basierten L\u00f6sungen, wie Gesch\u00e4ftsprozesse auf Basis von SharePoint-Listen? Die Integration \u00fcber Tabs in Teams-Kan\u00e4len war bisher eher umst\u00e4ndlich, sodass man zwangsl\u00e4ufig den Benutzer \u00fcber den Browser zu SharePoint lotsen musste.<\/p>\n\n\n\n
Das ist nun vorbei. Teams wird sich als Benutzeroberfl\u00e4che gegen\u00fcber SharePoint durchsetzen und dies aus einem einfachen Grund: Innerhalb von wenigen Minuten k\u00f6nnen wir vorhandene SharePoint-Inhalte als sogenannte \u201ePersonal App\u201c (dt. \u201ePers\u00f6nliche App\u201c) in die linke Leiste von Teams einbinden \u2013 ganz ohne die Unterst\u00fctzung von Entwicklern oder externen Dienstleistern.<\/p>\n\n\n\n Administratoren haben zus\u00e4tzlich noch die M\u00f6glichkeit, diese Apps zentral f\u00fcr alle oder auch nur f\u00fcr bestimmte Benutzergruppen in Teams bereitzustellen. Auch dies ist ohne externe Unterst\u00fctzung und in nur wenigen Minuten m\u00f6glich.<\/p>\n\n\n\n Bevor wir mit unserer ersten App starten noch ein Hinweis: Falls einzelne Schritte in diesem Artikel f\u00fcr Sie nicht funktionieren, ist es wahrscheinlich, dass notwendige Funktionen durch ihren Administrator gesperrt wurden. Eine Freischaltung ist m\u00f6glich, indem anhand der Microsoft-Dokumentation (https:\/\/docs.microsoft.com\/de-DE\/microsoftteams\/manage-apps<\/a> und den Richtlinien & Einstellungen https:\/\/docs.microsoft.com\/de-DE\/microsoftteams\/teams-custom-app-policies-and-settings<\/a>) die App \u201eApp Studio\u201c sowie die M\u00f6glichkeit, benutzerdefinierte Apps hochzuladen, aktiviert wird.<\/p>\n\n\n\n Wir erstellen unsere erste App<\/strong><\/p>\n\n\n\n Um eine neue App zu erstellen, suchen wir zun\u00e4chst nach dem \u201eApp Studio\u201c von Microsoft und f\u00fcgen dieses hinzu.<\/p>\n\n\n\n\n\n \u00dcber den \u201eManifest Editor\u201c k\u00f6nnen wir eine neue App erstellen oder alternativ ein bereits vorhandenes App-Paket importieren. In der angezeigten Konfigurationsoberfl\u00e4che der App ist nur ein Teil der Eingaben notwendig. Lassen Sie sich daher nicht von den M\u00f6glichkeiten abschrecken.<\/p>\n\n\n\n Die folgenden Eingaben sind zwingend erforderlich \u2013 alle weiteren Felder k\u00f6nnen Sie ignorieren: <\/p>\n\n\n\n App Names<\/p>\n\n\n\n Identification<\/p>\n\n\n\n Descriptions<\/p>\n\n\n\n Developer Information (f\u00fcr interne Apps eher unwichtig)<\/p>\n\n\n\n App URLs (f\u00fcr interne Apps eher unwichtig)<\/p>\n\n\n\n F\u00fcr interne Apps sind die meisten Angaben eher zweitrangig. Wichtig ist tats\u00e4chlich vor allem der Short Name, da dieser immer angezeigt wird.<\/p>\n\n\n\n Nun zum interessanten Teil: Wir legen \u00fcber \u201eTabs\u201c fest, welche SharePoint-Seiten wir einbetten m\u00f6chten.<\/p>\n\n\n\n Der Name des Tabs wird sp\u00e4ter direkt in der App angezeigt und sollte daher m\u00f6glichst eindeutig gew\u00e4hlt sein. Als \u201eEntity ID\u201c k\u00f6nnen sie wieder eine beliebige Zahl eingeben \u2013 beispielsweise 20002000 f\u00fcr den ersten Tab und 20002001 f\u00fcr den zweiten Tab.<\/p>\n\n\n\n F\u00fcr die URLs navigieren wir zun\u00e4chst zu der gew\u00fcnschten Seite in SharePoint und kopieren uns die angezeigte URL aus der Browserleiste. Als Beispiel nehmen wir einmal folgende URL an: https:\/\/wolke7.sharepoint.com\/sites\/TheLanding\/SitePages\/Home.aspx<\/a><\/p>\n\n\n\n In dieser URL ersetzten wir {SharePoint-Host} mit unserem eigenen SharePoint-Hostnamen (z. B. wolke7.sharepoint.com). Als {target} hinterlegen wir wiederum die URL, die wir vorher aus dem Browser kopiert und bereits als \u201eWebsite-URL\u201c gesetzt haben. Unsere fertige \u201eContent URL\u201c am Beispiel lautet somit:<\/p>\n\n\n\n https:\/\/wolke7.sharepoint.com\/_layouts\/15\/TeamsLogon.aspx?SPFX=true&dest=<\/a> https:\/\/wolke7.sharepoint.com\/sites\/TheLanding\/SitePages\/Home.aspx<\/a> Bevor wir die App testen k\u00f6nnen, m\u00fcssen wir unter \u201eDomains and permissions\u201c noch zwei weitere Einstellungen vornehmen. Als \u201eAAD App ID\u201c setzten wir den folgenden Wert: 00000003-0000-0ff1-ce00-000000000000<\/p>\n\n\n\n Es handelt sich dabei um die interne App ID von Microsoft SharePoint. Zuletzt legen wir unter \u201eSingle-Sign-On\u201c noch unseren SharePoint-Host fest. In unserem Beispiel w\u00e4re dies:<\/p>\n\n\n\n wolke7.sharepoint.com<\/a><\/p>\n\n\n\n Um die App zu testen, k\u00f6nnen wir unter \u201eTest and distribute\u201c auf \u201eInstall\u201c klicken und f\u00fcgen die App in unserem eigenen Teams-Client hinzu. Sollte es noch fehlende Eingaben geben, so werden diese rechts neben den Buttons angezeigt.<\/p>\n\n\n\n Als N\u00e4chstes m\u00f6chten wir noch ein sch\u00f6neres Icon vergeben. Wir \u00f6ffnen dazu wieder das \u201eApp Studio\u201c und klicken auf die eben erstellte App. Unter \u201eApp Details\u201c gibt es am unteren Ende im Bereich \u201eBranding\u201c die M\u00f6glichkeit, Bilder f\u00fcr die App zu hinterlegen.<\/p>\n\n\n\n \u201eFull Color\u201c legt das allgemeine, farbige Icon der App fest und wird im Format 192*192 Pixel ben\u00f6tigt. Dieses Bild wird beispielsweise in der App-\u00dcbersicht angezeigt. Sollte das Bild teilweise transparent sein, so wird es entsprechend mit der gesetzten \u201eAccent color\u201c hinterlegt.<\/p>\n\n\n\n \u201eTransparent Outline\u201c wird in der linken Leiste von Teams angezeigt und erfordert das Format 32*32 Pixel. F\u00fcr eine optimale Anzeige sollte es einen transparenten Hintergrund sowie ausschlie\u00dflich wei\u00dfe Linien bzw. Umrisse enthalten. Man kann sich hier an den anderen Icons von Microsoft (Aktivit\u00e4ten, Teams, Chat, usw.) orientieren.<\/p>\n\n\n\n Dadurch, dass \u00c4nderungen an der App sehr schnell umgesetzt und getestet werden k\u00f6nnen, ist die Zeit von der vorhandenen SharePoint-Site bis zum fertigen App-Paket sehr kurz: Pro App mit etwas \u00dcbung f\u00fcnf bis zehn Minuten.<\/p>\n\n\n\n M\u00f6chte man das App-Paket nun einzelnen Benutzern \u00fcbergeben, k\u00f6nnen wir es unter \u201eTest and distribute\u201c \u00fcber \u201eDownload\u201c herunterladen. Das Paket kann dann in einem anderen Teams-Client direkt im Bereich \u201eApps\u201c \u00fcber \u201eBenutzerdefinierte App hochladen\u201c integriert werden.<\/p>\n\n\n\n Apps zentral bereitstellen<\/strong><\/p>\n\n\n\n Ist die App fertig, m\u00f6chten wir sie zentral f\u00fcr viele bis alle Benutzer bereitstellen, ohne dass jeder Einzelne sie selbstst\u00e4ndig hochladen muss. Wir \u00fcbergeben das App-Paket dazu einem Administrator, der im Teams Admin Center unter \u201eTeams Apps\u201c und \u201eApps verwalten\u201c das App-Paket hochl\u00e4dt.<\/p>\n\n\n\n M\u00f6chten wir sp\u00e4ter die App aktualisieren \u2013 beispielsweise, weil ein neuer Tab hinzukommt \u2013 kann der Administrator unter \u201eApps verwalten\u201c die betreffende App \u00f6ffnen und \u00fcber \u201eAktualisieren\u201c das neue App-Paket hochladen.<\/p>\n\n\n\n Sobald die App bereitgestellt wurde, k\u00f6nnen Anwender diese unter \u201eApps\u201c suchen und finden. Im Bereich \u201eEntwickelt f\u00fcr <Name der Organisation>\u201c werden alle zentral bereitgestellten, benutzerdefinierten Apps angezeigt und k\u00f6nnen hinzugef\u00fcgt werden.<\/p>\n\n\n\n M\u00f6chte der Administrator die App f\u00fcr alle oder nur bestimmte Anwender direkt installieren und an der linken Leiste anheften, kann er dies unter \u201eEinrichtungsrichtlinien\u201c vornehmen.<\/p>\n\n\n\n Die Richtlinie \u201eGlobal\u201c umfasst dabei alle Benutzer, w\u00e4hrend andere Richtlinien durchaus weniger Mitarbeiter adressieren k\u00f6nnen. Die Konfigurationsm\u00f6glichkeiten beschreibt Microsoft im entsprechenden Dokumentationsartikel (https:\/\/docs.microsoft.com\/de-DE\/microsoftteams\/teams-app-setup-policies<\/a>).<\/p>\n\n\n\n Es kann erfahrungsgem\u00e4\u00df etwas dauern, bis neue oder aktualisierte Apps bei allen Anwendern angezeigt werden. Selbst auf dem Smartphone werden die Apps nach einiger Zeit angezeigt.<\/p>\n\n\n\n Zum Zeitpunkt der Erstellung dieses Artikels funktionierte dies allerdings nicht verl\u00e4sslich. 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\u00f6nnen.<\/p>\n\n\n\n Was ist nun der \u201eGame Changer\u201c?<\/strong><\/p>\n\n\n\n Wir erinnern uns zur\u00fcck 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 \u00fcber eine Navigation oder intelligente Links auf weitere Inhalte und Funktionen gelotst.<\/p>\n\n\n\n Da nun aber Teams als der bevorzugte Startpunkt f\u00fcr den Zugriff dienen kann \u2013 warum nicht einfach alles \u201eappifizieren\u201c und den Benutzern als Teams-App bereitstellen? Wie im oben gezeigten Beispiel kann selbst die Portal-Startseite eine App innerhalb von Teams werden.<\/p>\n\n\n\n Wie gehabt werden wir auch weiterhin in SharePoint auf Basis von Inhaltseiten, Listen und Bibliotheken unsere L\u00f6sungen bauen. Manchmal nutzen wir zus\u00e4tzlich Power Apps, manchmal vielleicht eine SharePoint Framework Entwicklungsl\u00f6sung. Am Ende des Tages ist der Weg zum Endbenutzer aber immer der gleiche: Wir verpacken sie als Teams-App und erm\u00f6glichen dadurch den Zugang f\u00fcr den Endbenutzer, ohne dass dieser einen Umweg \u00fcber den Browser gehen muss.<\/p>\n\n\n\n Unsere Anwender werden uns daf\u00fcr dankbar sein, wenn wir Ihnen tats\u00e4chlich irgendwann einmal sagen k\u00f6nnen: In Teams findest du alles, was du brauchst.<\/p>\n\n\n\n Komm hier gerne jederzeit auf uns zu, wir unterst\u00fctzen hier alle Unternehmen – unabh\u00e4ngig ihrer Branche und Gr\u00f6\u00dfe.<\/p>\n\n\n\n Ihr erreicht uns via E-Mail unter vertrieb(at)lansco.de<\/a> bzw. telefonisch unter +49 9281 5469850.<\/p>\n","protected":false},"excerpt":{"rendered":" Endlich ist die Funktion vorhanden! Ab sofort kann man eigene Apps in Teams bereitstellen und anheften. Gamer Changer \u2013 Das Ende der Diskussion ob Teams oder SharePoint Seit es Microsoft Teams gibt, dr\u00e4ngt sich mehr und mehr die Erkenntnis auf:… Weiterlesen →<\/a><\/p>\n","protected":false},"author":5,"featured_media":596,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-266","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-teams"],"_links":{"self":[{"href":"https:\/\/www.lansco.de\/blog\/wp-json\/wp\/v2\/posts\/266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lansco.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lansco.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lansco.de\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lansco.de\/blog\/wp-json\/wp\/v2\/comments?post=266"}],"version-history":[{"count":4,"href":"https:\/\/www.lansco.de\/blog\/wp-json\/wp\/v2\/posts\/266\/revisions"}],"predecessor-version":[{"id":862,"href":"https:\/\/www.lansco.de\/blog\/wp-json\/wp\/v2\/posts\/266\/revisions\/862"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lansco.de\/blog\/wp-json\/wp\/v2\/media\/596"}],"wp:attachment":[{"href":"https:\/\/www.lansco.de\/blog\/wp-json\/wp\/v2\/media?parent=266"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lansco.de\/blog\/wp-json\/wp\/v2\/categories?post=266"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lansco.de\/blog\/wp-json\/wp\/v2\/tags?post=266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"\"](\"https:\/\/blog.lansco.de\/wordpress\/wp-content\/uploads\/2023\/11\/csm_1_Wolke7_Portal_in_Teams_910f0a92b4.png\" "\\"Portal")
<\/figure>\n\n\n\n![\"Manifest](\"https:\/\/blog.lansco.de\/wordpress\/wp-content\/uploads\/2023\/11\/image.png\" "\\"Manifest")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/blog.lansco.de\/wordpress\/wp-content\/uploads\/2023\/11\/csm_4_App_Details_setzten_66d75514c8-1.png\" "\\"App")
<\/figure>\n\n\n\n\n
\n
\n
\n
\n
![\"\"](\"https:\/\/blog.lansco.de\/wordpress\/wp-content\/uploads\/2023\/11\/csm_5_Tabs_einfuegen_7682516f97.png\" "\\"Tabs")
<\/figure>\n\n\n\n
Als \u201eWebsite-URL\u201c k\u00f6nnen wir direkt die herauskopierte URL hinterlegen. Sie legt fest, was bei einem Klick auf die kleine Weltkugel (rechts oben im Tab) ge\u00f6ffnet wird. Die \u201eContent URL\u201c m\u00fcssen wir uns hingegen erst zusammenbauen. Um sicherzustellen, dass der Anwender seine Zugangsdaten nicht erneut eingeben muss, stellt uns Microsoft eine spezielle Weiterleitungsseite in SharePoint zur Verf\u00fcgung: https:\/\/{SharePoint-Host}\/_layouts\/15\/TeamsLogon.aspx?SPFX=true&dest={target}<\/a> <\/p>\n\n\n\n
Es macht dabei keinen Unterschied, ob die Ziel-URL eine Inhaltsseite, Bibliothek oder Liste ist.
<\/p>\n\n\n\n![\"\"](\"https:\/\/blog.lansco.de\/wordpress\/wp-content\/uploads\/2023\/11\/csm_PersonalTab_1ada816b95.png\")
<\/figure>\n\n\n\n
<\/p>\n\n\n\n![\"\"](\"https:\/\/blog.lansco.de\/wordpress\/wp-content\/uploads\/2023\/11\/csm_AppID_0554f427ba.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/blog.lansco.de\/wordpress\/wp-content\/uploads\/2023\/11\/csm_6_App_installieren_7b9676db3e.png\" "\\"App")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/blog.lansco.de\/wordpress\/wp-content\/uploads\/2023\/11\/csm_8_Icons_und_Farben_setzten_e799ce5ebf.png\" "\\"Icons"){kind=icon}
<\/figure>\n\n\n\n![\"\"](\"https:\/\/blog.lansco.de\/wordpress\/wp-content\/uploads\/2023\/11\/csm_9_Icons_verwendet_c661e92c55.png\" "\\"Branding\\""){kind=icon}
<\/figure>\n\n\n\n![\"\"](\"https:\/\/blog.lansco.de\/wordpress\/wp-content\/uploads\/2023\/11\/csm_10_Benutzerdefinierte_App_hochladen_57f083f4fd.png\" "\\"Benutzerdefinierte")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/blog.lansco.de\/wordpress\/wp-content\/uploads\/2023\/11\/csm_11_Admin_App_hochladen_14c94bf27b.png\" "\\"Apps")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/blog.lansco.de\/wordpress\/wp-content\/uploads\/2023\/11\/csm_12_1_App_aktualisieren_9933cac1f5.png\" "\\"App")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/blog.lansco.de\/wordpress\/wp-content\/uploads\/2023\/11\/csm_12_2_App_aktualisieren_809470ba2f.png\" "\\"App")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/blog.lansco.de\/wordpress\/wp-content\/uploads\/2023\/11\/csm_13_App_hinzufuegen_cf0009d11c.png\" "\\"App")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/blog.lansco.de\/wordpress\/wp-content\/uploads\/2023\/11\/csm_14_1_App_anheften_8a59508d99.png\" "\\"App")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/blog.lansco.de\/wordpress\/wp-content\/uploads\/2023\/11\/csm_14_2_App_anheften_78f78b6121.png\" "\\"App")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/blog.lansco.de\/wordpress\/wp-content\/uploads\/2023\/11\/csm_15_App_auf_Smartphone_3dfd8a254d.png\" "\\"App")
<\/figure>\n\n\n\n