aOS Monaco 2019 - B7 - I Developed a SPFx solution, what to do next and how to intall it by code - Yannick Borghmans
•
0 likes•174 views
aOS Monaco 2019 - B7 - I Developed a SPFx solution, what to do next and how to intall it by code - Yannick Borghmans
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to aOS Monaco 2019 - B7 - I Developed a SPFx solution, what to do next and how to intall it by code - Yannick Borghmans
Similar to aOS Monaco 2019 - B7 - I Developed a SPFx solution, what to do next and how to intall it by code - Yannick Borghmans (20)
More from aOS Community
More from aOS Community (20)
Recently uploaded
Recently uploaded (20)
aOS Monaco 2019 - B7 - I Developed a SPFx solution, what to do next and how to intall it by code - Yannick Borghmans
- 1. 1 aOS Monaco 26/09/2019 I developed a SPFx solution, what to do next and how to install it by code? Yannick Borghmans
- 2. @ClubPowerBI @aosComm @GUSS_FRANCEPower Saturday 2019 aOS Monaco 26/09/2019 MERCI à nos sponsors
- 4. Agenda Building SPFx Deployment SharePoint Azure App catalog ALM API
- 6. SharePoint UX – Evolving cross versions 2009 SharePoint Server 2010 2006 Office SharePoint Server 2007 2003 SharePoint Portal Server 2003 2001 SharePoint Portal Server 2001 2012 SharePoint Server 2013 2016 … SharePoint Server 2016, SPO
- 8. Is all SP Online development in JavaScript? In similar ways as with SharePoint Add-in model, server side development is needed for back end services SharePoint Framework concentrates on user interface, not on fundamentals around the API usage
- 9. • Tooling • Node.js • Yeoman • Gulp • TypeScript • Visual Studio (Code) • Frameworks – Choose yours • React • Angular.js • Knockout • Etc. Typical tooling for SharePoint Framework
- 11. Client-side Web Part Build Flow
- 12. Package your webpart • Use the bundle gulp task to build, localize, and bundle the project • Use the package-solution gulp task to package the project into a .sppkg file • The ship parameter build task creates a minified version of the bundle and copies all of the web part assets
- 14. Deploy App to the SharePoint App Catalog
- 15. Upload static assets • JSON source file • Manifest for webpart • JS Files • Minified version of your code • Localized strings • Located in /temp/deploy folder
- 16. Install the app • Go to your SharePoint Site • Add an app
- 17. Add the web part to a SharePoint page • Create a page on your Office 365 site • Add the web part to the page
- 18. 18 Demo Files
- 20. Update SPFx solution • Upgrade version (./config/package-solution.json)
- 21. Update SPFx solution • Gulp clean (optional) • Gulp bundle --ship • Gulp package-solution --ship • Upload to app catalog & upload static assets (.js, .json)
- 22. Update SPFx solution • No need to update app on sites => webparts are automaticaly using the latest code
- 24. SharePoint Document library Client side assets Office 365 CDN Azure CDN Extra Tenant deploy
- 25. What defines the hosting location?
- 27. SharePoint – document library • Create a document library • Create a folder/solution you want to host
- 28. SharePoint – document library • Update the CDNBasePath in write-manifest.json
- 29. SharePoint – document library • Upload app package to app catalog
- 30. SharePoint – document library • Upload .js files to document library
- 31. SharePoint – document library
- 32. Client side assets Introduced in SPFx v1.4 to include static assets in .sppkg file
- 37. AZURE CDN
- 39. Office 365 - CDN
- 41. Enable the SharePoint CDN origin • Open the SharePoint Online Management Shell • Execute the following Powershell commands to enable the CDN, set the CDN origin, and return the CDN Origin ID
- 45. Tenant deploy Introduced in SPFx v1.4
- 49. SharePoint Application Lifecycle Management API API to manage the deployment of your SharePoint Framework solutions
- 50. SharePoint Application Lifecycle Management
- 51. SharePoint Application Lifecycle Management • Add SharePoint Framework solution or SharePoint Add-in to tenant app catalog. • Remove SharePoint Framework solution or SharePoint Add-in from tenant app catalog. • Enable SharePoint Framework solution or SharePoint Add-in to be available for installation in tenant app catalog. • Disable SharePoint Framework solution or SharePoint Add-in not to be available for installation in tenant app catalog. • Install SharePoint Framework solution or SharePoint Add-in from tenant app catalog to a site. • Upgrade SharePoint Framework solution or SharePoint Add-in to a site, which has a newer version available in the tenant app catalog. • Uninstall SharePoint Framework solution or SharePoint Add-in from the site. • List all and get details about SharePoint Framework solutions or SharePoint Add-ins in the tenant app catalog.
- 53. 53 Demo PnP ALM
- 54. 54 MERCI POUR VOTRE ATTENTION Photo by Kit Suman on Unsplash