Les supports de ma présentation aux SharePoint Days Casablanca "Industrialisation des développements d'Apps SharePoint avec Node.js"

1. Industrialisation
des développements d'Apps
SharePoint avec Node.JS
Guillaume Meyer – Partner @ ERYEM

2. A propos…
Guillaume Meyer
Founding Partner @ ERYEM
> SharePointer depuis 2001, MVP SharePoint & Yammer
> Board UGSF (User Group SharePoint France)
Publications & Evénements
• « Veille concurrentielle » (Techniques de l’ingénieur)
• « The SharePoint 2013 Cookbook » (Dunod)
• Speaker : TechDays, Collaboration Universelle en
Entreprise, SharePoint Summit Quebec…
• Articles : blog.eryem.com
Contact :
• @guillaumemeyer
• gmeyer@eryem.com

3. A propos…
PowerBI Yammer

4. Agenda
L’écosystème de développement SharePoint
Industrialisation avec les outils Node.js et Visual
Studio
Aller plus loin dans le déploiement avec Azure
Aller encore plus loin avec TypeScript

5. L’écosystème de
développement
SharePoint
Un peu d’histoire, perspectives
d’avenir…

6. Un peu d’Histoire…
Au commencement : Solutions Farm
La première tentative d’isolation : Sandbox
Le nouveau modèle : Apps
• Technologies de développement Web
• Forte isolation et sécurité
• Scalabilité
Deprecated

7. Sharepoint Hosted
• HTML5 + JS + CSOM / REST
Auto Hosted
• HTML5 + JS + CSOM / REST
• Azure Services auto-provisionné
Developer hosted
• HTML5 + JS + CSOM / REST
• Services Web hébergés (Exemple Access Services)
Deprecated

8. Node.js
Un moteur d’exécution JS côté Client et Serveur
• Open Source, énorme communauté
• Basé sur le moteur v8 de Chrome
• Un gestionnaire de paquets très riche, NPM : http://npmjs.com
• Des outils d’industrialisation développés avec Node.js
Créer des applications
• Desktop
• Mobile
• Consoles
• API / Web Services
• Web http://nodejs.org/

9. Node.js
Une application Web basique avec Node.JS

10. Industrialisation avec
les outils Node.js et
Visual Studio
Ligne de commande, assistants NTVS,
debug, profiling…

11. Industrialisation en ligne
de commande
Objectif : Industrialiser le développement JS
en ligne de commande
Outillages : Ordonnanceur : Grunt
• Anatomie d’une fichier : package.json & gruntfile.js
• Compilation, minification : Uglify
• Qualité du code : JSHint
• Surveillance / Déploiement : Watch
http://gruntjs.com/

12. Aller plus loin
avec Visual Studio
Objectif : Industrialiser un projet JS / Node.JS
dans Visual Studio
Intégration NTVS :
• Assistance NPM : Install / Update
• Debugging local / distant
• Profiling et Analyse
http://nodejstools.codeplex.com/

13. Aller plus loin
avec Azure…
Automatiser les déploiements sur Azure
3 étapes :
• Publication Azure : IISNode + Mode debug + Websocket
• Debugging Azure : Paramètres d'application debug
• IISNode.yml
• Activation des websockets et du debug
• Déploiement avec Git + Azure

14. Aller plus loin avec
TypeScript
S’affranchir des limitations de JS

15. Aller plus loin
avec TypeScript
Objectif : S’affranchir des limitations de JS :
• Typage faible
• Pas d’interfaces
• Pas de classes / héritage
• Complexité pour gérer de gros projets
Tester simplement avec « Playground » : http://www.typescriptlang.org/Playground
Développer sur Node.js avec TypeScript
• Développement objet et modularité
• Intellisense : Jquery, Node, SharePoint :
• http://sptypescript.codeplex.com/
http://www.typescriptlang.org/

16. Aller plus loin
avec TypeScript
Quelques exemples TypeScript…

17. Aller plus loin
avec TypeScript
Quelques exemples TypeScript…

18. Aller plus loin
avec TypeScript
Démonstration TypeScript sur l’App BlingPoint

19. Thank you for your attention!
This presentation will be available on the
Casablanca SharePoint Days web site after the
event.
Merci de votre attention !
Cette présentation sera disponible sur le site internet
de SharePoint Days Casablanca, après l’événement.
Guillaume Meyer
N’hésitez pas à me contacter !
@guillaumemeyer
gmeyer@eryem.com