Download to read offline
Uploaded byVincent Biret
#SPFestDC Migrate your custom solutions to the modern stack
The document discusses transitioning custom SharePoint components to the SharePoint Framework (SPFx). It provides an overview of SPFx and demonstrates how to build various types of extensions and components using SPFx, including web parts, provisioning templates, workflows, and accessing data. It also discusses other modern tools that can be used alongside SPFx, such as PowerApps, Microsoft Flow, and Azure Functions. The conclusion encourages developers to leverage the new tools available to build modern solutions for SharePoint that will have improved performance, security, and developer experience compared to previous methods.
More Related Content
Similar to #SPFestDC Migrate your custom solutions to the modern stack
More from Vincent Biret
#SPFestDC Migrate your custom solutions to the modern stack
- 1. Migrate your customcomponents to the SharePoint Framework SharePoint Fest DC 2019 Vincent Biret
- 2. Passionate about technologies,development and community Vincent Biret @baywet bit.ly/vince365 Microsoft Office Dev MVP Azure and Office 365 developer @ 2toLead
- 3. SharePoint always appealedto a vast SharePoint audience and the mordernization of tooling means it is time for changes in approaches. Targeted audience New to SharePoint DevSeasoned SharePoint developer Project manager Decision Maker
- 4. Agenda •Introduction •Our scenario •About Data •AboutProcesses •About Users •Conclusion
- 5.
- 6.
- 7. The MaintainIt Company «We locate, document and fix infrastructure defects in the country » S.L, CEO
- 8. Mobile App to document defects Oursolution Seb, the CEO has tasked us with delivering a comprehensive and modern solution List to store information Let our workers know about the new defects Display the information. Line of business intelligence Provide user-centric insights
- 9.
- 10. SharePoint designer hasbeen the go to solution for data entry, it’s now time to transition In the past
- 11. Prefer PowerApps formore complex corporate apps and Forms for simple forms or you want to expose it to external users Entry forms/simple apps
- 12.
- 13.
- 14. You currently fouroptions, limited feature, code, PNP template or site script in preview. Microsoft is working on filling the gaps around those scenarios. Provisioning options • Most SPFX samples include code provisioning • SPFX provides limited « feature framework » support for provisioning • Pattern and Practices has made awesome work • PnP Provisioning far better than code • Site script to be executed based on templates • Limited functionalities, can call a flow • which can call a function and apply a PNP template
- 15. The provisioning templatefor Defect App, and the site script for Construction Community Demo
- 16.
- 17. We built powerfullsolutions using SharePoint Designer, we now have access to better tools In the past
- 18. Azure Functions isalso a valid approach for smaller processes, Flow is the most user friendly, Logic Apps the most complete and Functions are simple for developers Workflows Azure Logic Apps
- 19.
- 20.
- 21. The options youget • Column formatters • JSON based definition • Limited • No UI yet (OOTB) • Field Customizers • Part of SPFX • Custom webpart…
- 22. Column formatter, Fieldcustomizer Demos
- 23. Batch jobs & Lineof business intelligence
- 24. Azure functions arebecoming Microsoft’s default answer to backend processing for cloud enabled solutions Azure functions
- 25.
- 26.
- 27. Power BI focuseson… BI and analytics, if you want more custom capabilities, you can build components using the SharePoint framework Your options
- 28. Microsoft has re-inventedthe extensibility model multiple times trying to find a solution that scales Our history Full Trust Sandbox Add-ins (SP) Add-ins (PH) Execution Server Side Server Side Front End Server Side out of SP Context User & Service User Only User Only User & App Bad code Impacts the farm Impacts the solution Impacts the user Impacts the solution Deployment Farm downtime Solution downtime Solution downtime Solution downtime Unit tests Hard Hard Better Better APIs SSOM/JSOM SSOM/JSOM JSOM/REST CSOM/REST Batch jobs Timer Jobs No No Your own Surprise Throttling, API limitations Iframes Iframes
- 29. The situation generallyleft developers with gaps to fill and created a lot of frustration SharePoint Add-ins/Sandbox
- 30. Some developers feltthe winds turning and started gearing for that as well as changing their approach. Workarounds •Content Script Editor Webpart •Display templates •JSLink •ScriptLink •PowerShell
- 31. The Short Version •New Tools! • Front End only! • Local And Remote Workbench • Closed source relying on open source • First and third party
- 32. The product teamis working to get a good on premises story so you can develop solutions working on both environments with little to no changes On Prem 2016 feature pack 2 •Brings SPFX webparts support •Few limitations •Custom API /MS Graph access •Version 1.1 of SPFX •No application extensions
- 33. To start newprojects for SharePoint 2019 use the 1.7.0 generator On Prem 2019 RTM •Hosts version 1.4.0 •Modern pages •SPFX Webparts • (without AAD/Graph Client, connected props….) •Application customizer •Command Set customizer •Field customizer
- 34.
- 35.
- 36. Integration with housemade or third party systems was one of the key requirements in building SPFX Multiple API’s • SharePoint REST API’s • TypeScript libraries available, use those! (@pnp/sp, @types/SharePoint) • Microsoft Graph • Get access to much more data • (no demo on that today, too much content) • (Microsoft working on improving auth story) • Or your own API (next slide)
- 37. Think of eventreceivers as ancestors of the modern webhooks, they should feel familiar to SharePoint developers. Reacting on data events • We used to have Event Receivers • SP Provider Hosted Add-ins have RER’s (same thing over HTTP) • SharePoint API /MS Graph provides webhooks support • GA: Better integration between Azure Functions and Microsoft Graph
- 38.
- 39.
- 40. Things are goingreally fast demonstrating Microsoft’s desire to close the gaps with on premises solutions and provide modern solutions at every level Modern tools reference Purpose Workflows LOB Batch Events Old tool SP Designer Front end Components TimerJob Event Receivers New tool Flow/ Logic Apps SPFX Azure Function RER’s WebHooks Purpose Augmentations Provisioning Branding Data Forms … Old tool JSLink/ScriptLink/ Custom Actions Feature Framework Design manager SSOM/ JSOM InfoPath … New tool SPFX Extensions: Application, Command Set, Field customizers, Column Formatting PnP Provisioning / Site Scripts Custom Themes CSOM/ PNP-Core/ REST/ Graph/ Custom API PowerApps/ Forms … We’re still missing custom page layouts
- 41. Conclusion • We havea modern tooling • The SharePoint Framework is one item of our gear • Add-ins are still relevant in some scenarios • Leverage other tools to have a full spectrum • SharePoint dev cost will decrease because bigger community • SharePoint devs’ life just became better • Happy coding
- 42. Come join mefor deeper dives on Microsoft Graph, Azure Functions, and provisioning To go further – additional sessions • Tomorrow 1:20 PM: 154AB • AZR202 - Azure Functions: What’s New In V2 & Getting Started • Friday 10:40 AM: 154AB • Automating provisioning For Your Digital Workplace: With Azure Durable Functions & Microsoft Graph
- 43. Bit.ly/vince365 @baywet slideshare.net/VincentBIRET Thanks!/Questions? VincentBiret Office 365 and Azure Developer, 2toLead @baywet Bit.ly/vince365
Editor's Notes
- #4 Mostly Devs and architects that want to know how to implement it. PMO and PMs who want to know how it’s done. Questions: XP with functions XP with SPFx XP with MS Graph
- #6 Gestion des questions, interaction, ok avec ce programme?
- #13 https://us.create.powerapps.com
- #15 https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/site-design-overview
- #19 TIP: you can now export a Flow in a logic app to build/take ownership of what a poweruser has built
- #20 https://flow.microsoft.com
- #26 http://www.sharepointnutsandbolts.com/2017/04/calling-azure-function-from-sharepoint.html
- #39 https://blogs.technet.microsoft.com/stefan_gossner/2017/09/12/feature-pack-2-for-sharepoint-server-2016-aka-september-2017-cu-is-available-for-download/
- #41 Show the solution in code, gulp serve https://baywet.sharepoint.com/sites/sessionmigratespfx/_layouts/15/workbench.aspx gulp –tasks https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/column-formatting
- #48 PowerShell management support (6906.1200): https://aka.ms/spsitetheming Theme builder tool (hosted on Fabric site): https://aka.ms/spthemebuilder