D6 - Les nouveautés SPFx - Olivier Carpentier

1. LES NOUVEAUTES DU SHAREPOINT FRAMEWORK (SPFx)SPS Paris
www.spsevents.org/city/Paris/Paris2017
Les nouveautés du SharePoint
Framework #SPFx
MICROSOFT
14 Octobre 2017

2. Merci pour votre soutien

4. LES NOUVEAUTES DU SHAREPOINT FRAMEWORK (SPFx)SPS Paris
Agenda
 Les fondamentaux
 Les Extensions
 Les méthodes
d’accès aux données
 Le déploiement
 Roadmap
 Q&A

5. LES NOUVEAUTES DU SHAREPOINT FRAMEWORK (SPFx)SPS Paris
SharePoint
Framework
dev.office.com/sharepoint
 La nouvelle plateforme de développement moderne
pour SharePoint (Online ou Server 2016 Features
Pack 2 ou +)
 Beaucoup de ressources existantes :
 Documentation
 tutoriels
 vidéos et webcasts
 Nous encourageons les contributions de la
communauté dans la documentation et les exemples

6. LES NOUVEAUTES DU SHAREPOINT FRAMEWORK (SPFx)SPS Paris

7. LES NOUVEAUTES DU SHAREPOINT FRAMEWORK (SPFx)SPS Paris
SPFx rapid release cadence
Aug 17, 2016
SPFx Drop 1
Sept 1, 2016
SPFx Drop 2
Sept 14, 2016
SPFx Drop 3
Oct 17, 2016
SPFx Drop 5
Sept 21, 2016
SPFx Drop 4
Nov 22, 2016
SPFx Drop 6
Jan 9, 2017
SPFx RC0
Feb 23, 2017
SPFx GA
Sept 12, 2017
FP2 for SP2016
(SPFx for on-prem)
June 12, 2017
SPFx Extensions Preview
Aug 29, 2017
SPFx Extensions RC0
Aug 9, 2017
Tenant Admin
Deployment
• Client side web parts
• Modern tool box
integration
• Responsive by
design
• CDN Support
• Front end
development tool
chain
• Compatibility with
classic pages
• Workbench
• Property panel
• APIs
• Samples
• Documentation
• Package deployment
and app catalog
integration
Depuis le
dernier
SPSParis

8. LES NOUVEAUTES DU SHAREPOINT FRAMEWORK (SPFx)SPS Paris

9. LES NOUVEAUTES DU SHAREPOINT FRAMEWORK (SPFx)SPS Paris
Fabric React
Kit robuste et
toujours à jour
de composants
réutilisables
basés sur le
framework React.
Fabric JS
Kit de
composants
simples en
Javascript
ngFabric
Projet
communautaire
pour
l’implementation
pour le framework
Angular

10. LES NOUVEAUTES DU SHAREPOINT FRAMEWORK (SPFx)SPS Paris
@1.3

11. LES NOUVEAUTES DU SHAREPOINT FRAMEWORK (SPFx)SPS Paris
 Connexion entre webpart
possible

12. LES NOUVEAUTES DU SHAREPOINT FRAMEWORK (SPFx)SPS Paris

13. LES NOUVEAUTES DU SHAREPOINT FRAMEWORK (SPFx)SPS Paris
List, Libraries, Pages List, Libraries List, Libraries
Toolbar
ECB
Créer des colonnes personnalisées, pieds et en-têtes de pages ainsi que des commandes sur
des listes modernes, des bibliothèques ou des pages.

14. LES NOUVEAUTES DU SHAREPOINT FRAMEWORK (SPFx)SPS Paris

15. LES NOUVEAUTES DU SHAREPOINT FRAMEWORK (SPFx)SPS Paris
JSOM
• Existe depuis SP2010
• Clône du CSOM
• Pattern “delegates”
• Pas de support du
pattern “Promise”
• Peu d’evolution dans
l’avenir
REST
• Identique pour toutes
les technologies
clientes
• Simple pour les
requêtes GET
• Plus compliqué pour
les requêtes non-GET
• Toujours à jour
HttpClient
• SPHttpClient
• GraphHttpClient
• Simple pour tous les
types de requêtes
• Toujours à jour
PnP JS Core
• Fluent API
• Implémente le pattern
Promises
• Initiative open-source
pilotée par la
communauté
Caractéristiques
Couverture
Facilité
d’utilisation
Investissements
futurs
Excellente Excellente BonneBonne
Modérée Modérée+ SimpleDifficile
!

16. LES NOUVEAUTES DU SHAREPOINT FRAMEWORK (SPFx)SPS Paris
HTTPS://GRAPH.MICROSOFT.COM/ Single resource that proxies multiple
Microsoft services
Allows for easy traversal of objects
and relationships
Access to data and intelligence
Eliminates the need to discovery endpoints
Only one OAuth access token needed
For both personal and work and
school accounts
Available as a public API

18. LES NOUVEAUTES DU SHAREPOINT FRAMEWORK (SPFx)SPS Paris

19. LES NOUVEAUTES DU SHAREPOINT FRAMEWORK (SPFx)SPS Paris

20. LES NOUVEAUTES DU SHAREPOINT FRAMEWORK (SPFx)SPS Paris
Toujours mettre à jour le package
complet
Ne jamais simplement écraser les
fichiers dans le CDN

21. LES NOUVEAUTES DU SHAREPOINT FRAMEWORK (SPFx)SPS Paris
 Hébergement des ressources (images, js, etc.)
 Performant avec les pages SharePoint
 Stocker dans vos listes SharePoint préférées
 Choix possible entre une diffusion PUBLIQUE ou PRIVEE
 GRATUIT !
Choix des librairies autorisées dans l’App Catalog
 Hébergement des ressources (images, js, etc.)
 Hautement mutualisable
 Sécurisation par clés d’accès
 Statistiques d’utilisation
 Payant à la quantité de données transferée
 Plusieurs fournisseurs (Verizon, Akamaï) et différentes
localisations

22. LES NOUVEAUTES DU SHAREPOINT FRAMEWORK (SPFx)SPS Paris
Site Usage
News, pages and files in Microsoft Teams
Custom themes and site designs
SharePoint app: Me tab, notifications
Column formatting
Groups integration: Planner, Microsoft Forms
REST API for remote provisioning (available now)
Additional insights on usage
Connect existing sites to new O365 groups
More branding options: fonts, variations
More site design actions
SharePoint hub sites
New SharePoint admin UX (preview)

23. LES NOUVEAUTES DU SHAREPOINT FRAMEWORK (SPFx)SPS Paris
Web Parts and Toolbox

24. LES NOUVEAUTES DU SHAREPOINT FRAMEWORK (SPFx)SPS Paris
Asset Packaging
Déploiement des ressources
(js, css, png, etc…) directement
au sein du package SPFx
Déploiement des ressources
automatiquement dans le
CDN du tenant
Système permettant à un
package autoporté d’être
utilise dans plusieurs tenants
en même temps
Tenant Properties
Les administrateurs de tenant
pourront créer et gérer des
propritétés au sein d’un App
Catalog que les webparts et
les extensions pourront
utilisées.
Exemple: clé de connexion
propre à un environnement,
comportement spécifique à
chaque tenant, etc.
Office UI Fabric Coresupport
Permettre le référencement de styles statiques
Office UI Fabric dans des Composants SPFx.
MoreMS-Graph support
ALM APIs for scripted deployment of SPFx
components
Site specific App Catalog to allow for scoped
deployment
Les administrateurs de tenant pourront déléguer
à des administrateurs de sites de gérer leur
propre catalogue d’Apps SPFx pour leur site
uniquement.
SharePointFramework
Workbench 2.0
Additional Yeoman Templates

25. LES NOUVEAUTES DU SHAREPOINT FRAMEWORK (SPFx)SPS Paris
www.spsevents.org/city/Paris/Paris2017