View
148
Download
1
Category
Preview:
Citation preview
#CollabMTL
4 novembre 2016
SharePoint Framework : De A à ZSébastien LevertDevelopment Lead @ 2toLead
#CollabMTL
Qui est Sébastien Levert !?
Montreal, Canada 2toLead.comOffice
Development MVP
Web Developer @sebastienlevertsebastienlevert.co
m
#CollabMTL
Agenda• Les origins• Les outils• Les premiers pas• Notions avancées
Les origines
#CollabMTL
of customers are leveraging cloud for their applications—from pilots to production apps1
72%
2003 2007 2010 20132001
2000
Sources:1. 451 Research, Hosting and Cloud Study, 2014
Full Trust CodePartial Trust Code
Microsoft Managed Solutions
Microsoft Online Services
App Model
2016
Accelerating web development
#CollabMTL
2013
Full Trust CodePartial Trust Code
App Model
Enterprise-Grade
Modern Toolchain
User Focused
Customer
PatternsMicrosoftConsistentPlatform
UX Extensions Data Access Eventing Solutions HostCustom Presentation
2016 Client Side and Open Source
Client Side and Remotely Hosted
REST and Cleaner Contracts
Web Hooks and Web Sockets
Cloud SaaS and Client Side Logic
Accelerating web development
Les outils
#CollabMTL
IIS Express
Project Templates
C#
Server side tool comparison
MSBuild
#CollabMTL
#CollabMTL
#CollabMTL
#CollabMTL
Les premiers pas
#CollabMTL
Création d’un projet SPFx
#CollabMTL
Les commandes pratiquesyo @microsoft/sharepoint
gulp bundle
gulp serve
gulp package-solution
#CollabMTL
Le Workbench
Notions avancées
#CollabMTL
Les propriétés• Les propriétés des webparts sont nativement
supportées
• Elles peuvent être réactives, ou non
• Elles peuvent être dynamiques, ou non
• Il est possible de créer contrôles personnalisés
#CollabMTL
La localisation• Support des localisations
• Utilisation de fichiers de ressources JSON
• La langue est définie par le profil usager + la langue du site
#CollabMTL
Accès au contenu SharePoint• Des appels AJAX réguliers peuvent être utilises
• L’utilisation de HttpClient est recommandée pour discuter avec SharePoint
• L’utilisation des Promise vous évitera de créer du code “spaghetti”
#CollabMTL
Déploiement• Création d’un fichier .spapp contenant les
manifestes
• Déploiement des fichiers statiques vers un CDN
• Utilisation de Gulp pour le déploiement vers Azure CDN
#CollabMTL
Limitations• Ne supporte que les Client-Side Web Part pour
l’instant
• Aucune garantie de support lors de nouveaux Drops
• Ne fonctionne que sur les tenants de développement
• Un seul web part à la fois peut être débuggé
Prochaines étapes
#CollabMTL
Prochaines étapes• https://dev.office.com pour créer un nouveau
tenant de développement
• https://github.com/sharepoint pour toutes les références incluant la documentation et les exemples
#CollabMTL
Questions ? Commentaires ?
Montreal, Canada 2toLead.comOffice
Development MVP
Web Developer @sebastienlevertsebastienlevert.co
m
#CollabMTL
Merci à nos commanditaires !
Recommended