slides supporting the 2018 session

1. Is it possible to do DevOps with
The SharePoint Framework?
SharePoint Fest DC 2018
By: Vincent Biret

2. Passioned by technologies, development and community
Vincent Biret
@baywet
bit.ly/vince365
MVP Office Servers and Services
Azure and Office 365 developer @ 2toLead

3. For whom this session is?

4. Agenda
•The new stack for SharePoint Framework
•Intro to Software lifecycle + devops
•Intro to VSTS/Azure
•The build system + deploy
•Unit tests with SPFX
•Intro to tech debt management
•Conclusion

5. Ready?

6. Modern toolchain for SharePoint/Office 365 developers at last
The new stack

7. IIS Express
Project Templates
Server side tool comparison

11. Bill is awesome!

12. The webpart project
Demo

13. Where it all begins
Software lifecycle

14. Software lifecycle : devops
Plan
Dev
Test
Production
Idea/Need Business Plan
Marketing Sales
Market
Feedback
Agile/CMMI/…
Architecture
Source Control
IDE
Build
xTests

15. Let’s talk about tooling
Visual Studio Team Services and Azure

16. You’ve probably heard about it
Azure
•Microsoft’s Cloud platform
•IaaS, PaaS, SaaS
•Literaly tons of services

17. Visual Studio Team Services
• TFS as a service
• Updated more frequently
• Pay per user/build
• Everything except
• SharePoint Integration
• Process Template Customization**
• Data Warehouse

18. Code as a team, not a guy in a cave
Branch management

19. Git + git flow
• Git is a decentralized source control technology
• Branches are cheap
• Merging is not a nightmare
• Cross platform
• Lot of tools
• Git flow is a process model for branch management
• Focused work
• Easy context switching
• Standard and no thinking required
• Semver…

20. Let’s increase the quality of releases
Build

21. Automated builds
•Predictable result
•Constant quality
•Time saving

22. Build 2015
•JSON definition
•Web edition
•Lot of third parties integrations
•Tasks on github! (see notes)
•Agent auto updates!

23. Agents
•Hosted Agents
•BaaS
•Installed Agents
•Azure, or anywhere else

24. Build section, build agents 2015
Demo

25. Automate all the things!
Deploy

26. Pick and choose!
Different schools
• Source promotion
• We promote to next level a certain state of source
• Rebuild if needed
• Build promotion
• Exact same binaries are promoted

27. VSTS – Release Management
•Same technology as the build 2015
•Notion of environments
•Approvals

28. Office 365 CDN
1. Configure Office 365 CDN to replicate site assets
2. Configure Urls in configuration files
3. Bundle files
4. Bundle app package
5. Upload js/json to sharepoint (custom task)
6. SharePoint replicates to CDN
7. Win!

29. MH and small project deployment with RM
Demo

30. Final touch to QA
Test

31. Tests levels
•Unit testing
•Load testing
•Integration testing
•System testing
•Functional/Acceptance testing

32. Tests types
•Installation
•Compatibility
•Regression
•Destructive
•Security
•L17N/I13N
•A/B
•…..

33. Test tooling
Runners Assertion libraries Emulators/Env Reporters Frameworks Stubing/Mocking
Karma Chai + as
promised
PhantomJS Junit Mocha Sinon
MSTest MS.Test ns Node (backend) Coverage Casper
Istanbul Chrome Cobertura Jasmine
… … …

34. Unit tests of demo webpart
Demo

35. Or how to avoid digging your own grave
Technical debt management

36. What is tech debt?
•Code we’re not comfortable with
•Preventing us from innovating
•Causing a lot of support
•Stressful for the team

37. Solutions?
•Rewrite everything every 2 years
•Pair coding
•Static analysis + linting

38. SonarQube for MH, linting for demo webpart
Demo

39. I swear, I’m going to stop talking soon and let you free
Conclusion

40. Conclusion
•Lot of time saved
•Consistent builds
•Automated tests
•Quality increased
•Money saved

41. Bit.ly/vince365 @baywet slideshare.net/VincentBIRET
Thanks!/Questions?
Vincent Biret
Office 365 and Azure
Developer
@baywet
Bit.ly/vince365
http://bit.ly/az-sq
http://bit.ly/spfx-devops

42. Please fill out evals!
DEV302