Après l'API Microsoft Graph pour unifier les différentes API Office 365, nous avons désormais l'émergence du SharePoint Framework (SPFx) comme socle de développement à la fois pour SharePoint, online ou on-premise, mais aussi pour Microsoft Teams. Nous ferons le tour des dernières nouveautés et des possibilités de ce Framework visant à définir une expérience unique de développement, que cela soit pour réaliser des Web Parts, des extensions pour personnaliser les sites et les listes ou encore des onglets pour MS Teams, et capitaliser ainsi sur vos compétences Web !

1. Gaëtan BOUVERET
Tech Lead Office 365 / SharePoint - Infinite Square
@gbouveret
Un Framework pour les
gouverner tous
#MWCP2018

2. Outils et types de
développements

3. #MWCP2018
DES OUTILS DE DÉVELOPPEMENT OPEN SOURCE
MSBuild

4. #MWCP2018
DÉJÀ 2 ANS ! DES MISES À JOUR RÉGULIÈRES ET UN ENRICHISSEMENT CONSTANT DU FX
Drop 1
17/08/16
RC0
09/01/17
GA
02/17
GA v1.3 +
Extensions
25/09/17
V1.4
07/12/2017
v1.4.1
15/02/18
v1.5
05/06/18
v1.5.1
26/06/18
v1.6
05/09/18
v1.0: WebParts
v1.3: Extensions
v1.4: Assets packaging
v1.4.1: Beta AadHttpClient &
MSGraphClient
v1.5: Dev Preview Dynamic Data, Beta
WebAPI, package managers, flag --plusbeta
v1.5.1: Bug Fix
v1.6 : GA WebAPI

5. #MWCP2018
LES TYPES DE DÉVELOPPEMENT
Web Parts Custom Actions JSLink
Web Parts
Classic & Modern
Classique
SPFx
Online
SPFX v1.6
SP 2016 FP2
SPFx v1.1
SP 2019
SPFx v1.4.1
Application Customizer
List View Command Set
Field Customizer
SP16
SP16 SP16 SP16
SP19
SP19 SP19 SP19
SPO SP19 SPO SP19 SPO
Modern

6. #MWCP2018
WEBPARTS
@microsoft/sharepoint
@pnp/generator-spfx
- Choix du framework JavaScript
- Property Pane & Controls
- Custom Yeoman Generators!
- Dynamic Data

7. #MWCP2018
EXTENSIONS
- Application Customizer : exécution
pour toute la page, utilisation de
zones particulières (top, bottom)
- Field Customizer : personnalisation
des colonnes (à la JSLink)
- Command Sets : ajout d’actions dans
les listes SharePoint

8. #MWCP2018
AADHTTPCLIENT & MSGRAPHCLIENT
- Définition des ressources & scopes nécessaires à l’application
- WebAPI Custom ou MS Graph
- Validation obligatoire de ces permissions par l’administrateur du tenant

9. DÉMONSTRATION
SPFX À LA SAUCE MS GRAPH

10. Annonces Ignite 2018
En approche !

11. #MWCP2018
DÉVELOPPEMENT UNIFIÉ SHAREPOINT & TEAMS
- Possibilité de déployer ses WebParts en tant qu’onglets (“Tabs”) dans Teams
- Utilisation du “property pane” pour personnaliser les paramètres

12. #MWCP2018
APPLICATION PAGES
Création de pages complètes
• Conservation des éléments
structurels (navigation,
bandeau, …)
• Pour des contenus plus
complexes ne répondant
pas aux WebParts

13. #MWCP2018
POUR ALLER PLUS LOIN
Documentation : https://github.com/SharePoint/sp-dev-docs/wiki
SharePoint Starter Kit
https://github.com/SharePoint/sp-starter-kit
https://pnp.github.io/generator-spfx/

14. #MWCP2018
EN CONCLUSION: UNE VISION UNIFIÉE DES DÉVELOPPEMENTS
Cross
environnements
• On prem - 2016
et 2019
• Online
Cross produits
• SharePoint
• Teams
Intégré à
l’environnement
• Utilisation MS
Graph & AAD

15. MODERN WORKPLACE CONFERENCE PARIS
DU 16 AU 18 OCTOBRE 2018
#MWCP18

16. MERCI BEAUCOUP!
THANK YOU! #MWCP2018