Build endtoend solutions using Share Point Framework in
Build end-to-end solutions using Share. Point Framework in Microsoft Teams Bob German Partner Technical Architect One Commercial Partner Program, Microsoft Teams Development Education Series
Agenda • Architecture review • Teams Client SDK • Graph API, Share. Point API, Custom web services • Posting and deep linking • Resources and Community
Apps for Microsoft Teams Tabs (Team and Personal) Bots Connectors Messaging extensions Task Modules Activity feed integrations Outgoing web hooks manifes t. json . zip https: //bit. ly/Apps 4 Teams
Apps for Microsoft Teams Tabs (Team and Personal) R U O E Y G A BP E E W ER H Web Part Teams. Hosted. App. aspx Modern Team Site (part of O 365 Group)
Top 10 reasons SPFx in Teams rocks 1. No need to host a web site or page 2. Reuse code in Teams and Share. Point 3. Azure AD single sign-on built in
Teams Client SDK Teams. Hosted. App. aspx (IFrame) Share. Point Framework handles authentication JS Connectors JS Lib https: //sharepoint. microsoft. com/ … SDK is still useful to: https: //teams. microsoft. com/. . . Get context (channel, entity. Id*, sub. Entity. Id*, group. Id, is. Full. Screen, locale, team. Id, team. Name, more § Get deep link parameters (sub. Entity. Id, sub. Entity. Label, sub. Entity. Web. Url) § Get tab instances owned by the app § Handle messages §
Top 10 reasons SPFx in Teams rocks 1. No need to host a web site or page 2. Reuse code in Teams and Share. Point 3. Azure AD single sign-on built in 4. Share. Point handles the configuration page 5. You know what Team and Channel you’re in with the Teams SDK
Office 365 Groups • • • Easy to find because it’s part of the group Access from Graph API Group members generally will have permission Backed up and managed by O 365 Native app UI use saves coding Many of these apps support information protection and compliance features
Authentication Challenges Users want Single Sign on with the rest of Teams Share. Point provides SSO with any Azure AD web page App needs access token(s) to call Graph and other services from the browser Share. Point Framework provides MSGraph. Client and Aad. Http. Client App needs app registration with permission for each service it calls Share. Point Framework manages permissions across solutions
Top 10 reasons SPFx in Teams rocks 1. No need to host a web site or page 2. Reuse code in Teams and Share. Point 3. Azure AD single sign-on built in 4. Share. Point handles the configuration page 5. You know what Team and Channel you’re in with the Teams SDK 6. Easy access to Microsoft Graph, Share. Point APIs 7. Store data in the Office 365 group 8. Manage apps centrally in Share. Point Admin Center
Connecting with the Conversation § Add to the conversation via Graph API § Bots § Connectors § § Maintain context using deep links
Top 10 reasons SPFx in Teams rocks 1. No need to host a web site or page 2. Reuse code in Teams and Share. Point 3. Azure AD single sign-on built in 4. Share. Point handles the configuration page 5. You know what Team and Channel you’re in with the 6. 7. 8. 9. Teams SDK Easy access to Microsoft Graph, Share. Point APIs Store data in the Office 365 group Manage apps centrally in Share. Point Admin Center Deep linking allows passing context
Top 10 reasons SPFx in Teams rocks 1. No need to host a web site or page 2. Reuse code in Teams and Share. Point 3. Azure AD single sign-on built in 4. Share. Point handles the configuration page 5. You know what Team and Channel you’re in with the Teams SDK 6. Easy access to Microsoft Graph, Share. Point APIs 7. Store data in the Office 365 group 8. Manage apps centrally in Share. Point Admin Center 9. Deep linking allows passing context 10. Share. Point Community
Tooling Up Tutorials Type. Script Site • http: //bit. ly/SPF-Type. Script Playground • http: //bit. ly/TSPlayground Bob’s TS “Cheat Sheets” • http: //bit. ly/Learn. Type. Script SPFx Dev Setup • http: //bit. ly/SPFx-Dev. Setup Build your first Web Part • http: //bit. ly/SPFx-First. WP SPFx Labs • http: //bit. ly/SPFx-Labs Web. Pack Site • http: //bit. ly/SPF-Web. Pack Teams REST API’s Share. Point REST API reference • http: //bit. ly/SP-REST Teams Application Development Teams and SPFx Walk-through • http: //bit. ly/SPF-Web. Pack Teams Labs • http: //bit. ly/Teams. Dev. Labs Code from this webinar • http: //bit. ly/Field. Visit. Demo APIs Graph API • http: //bit. ly/MSGraph. API Share. Point REST API • http: //bit. ly/MSShare. Point. API Community Share. Point Developer Community • http: //bit. ly/SPDev. Community Gulp VS Code Gulp task runner • http: //bit. ly/SPF-Gulp Visual Studio Code • http: //bit. ly/SPF-VSCode
Next steps Get started Start using Microsoft Teams today Get technical with Microsoft Teams Development Education series Play with hands-on-labs Join the Teamwork Solution Accelerator for Partners Access resources & support Get Teams deployment & adoption support from • Fast. Track • https: //aka. ms/Success. With. Teams Resources https: //aka. ms/Teams. Developer https: //aka. ms/Teams. Dev. Support https: //aka. ms/Teams. Dev. Docs
- Slides: 23