SharePoint framework - Introduction to SPFx Extensions
- 2. Anupam Ranku Kloudie – Consultant @Kloud Solutions SharePoint Online, Office 365, Azure Building SharePoint solution 10+ years Designing, developing, integrating enterprise solutions 14+ years anupam.ranku@gmail.com http://ranku.site
- 3. • Toolbox • SPFx generators – new options • Structure overview • SharePoint Framework Extensions • Deployment • Demo
- 5. • Office 365 tenant • NodeJS • Visual Studio Code • Yeoman and gulp • https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set- up-your-developer-tenant
- 9. • Top level folders • .vscode: includes Visual Studio Code integration files • config: includes all config files • dist: created automatically when you build the project – holds debug builds • lib: created automatically when you build the project • node_modules: this is created automatically when you build your project, it includes all the npm packages your solution relies upon and their dependencies • src: this is the main folder of the project, it includes the web part, styles, and a test file • temp: created automatically when you build your project – holds production builds • typings: includes some type definition files. Most type definitions are installed in node_modules@types
- 10. Field customizer to modify rendering of a field
- 11. SharePoint Online JavaScript Library Extension Extension SharePoint Framework Extension assets hosted from CDN. Could be also a folder or library in the SharePoint tenant, which acts as a centralized deployment location.
- 13. Associated Editing view experience override in the roadmap – June 2017
- 14. Associated collection ListView Command Sets can be registered at site level to be valid for specific list types
- 15. C Debugging We are looking to have extension support also in SharePoint Framework workbench
- 16. • Connect • SharePoint Online Management Shell • Connect-SPOService -Url https://<yoursite>-admin.sharepoint.com • Verify / Enable / Disable • Get-SPOTenantCdnEnabled -CdnType Public • Get-SPOTenantCdnEnabled -CdnType Private • Set-SPOTenantCdnEnabled -CdnType Public #-NoDefaultOrigins • Set-SPOTenantCdnEnabled -CdnType Public / Private -Enable $false • Public CDN enabled locations: MASTERPAGE, STYLE LIBRARY • Access https://publiccdn.sharepointonline.com/<tenanthostname>/sites/site/library https://privatecdn.sharepointonline.com/tenant/sites/site/library/item?_eat_=1495567990_1130 bbbb93becf13dd9ec288398ef3f53a8dd131d7f1116f9d3f0b89a5277b45&_oat_=1495567990_d e85e8d775578ba9936900
- 18. Deployment