In this PnP Webcast, we concentrated on needed steps to automate build and release pipelines in Visual Studio Team Services for your SharePoint Framework solution. We’ll walk through the needed automation steps, configuration in the solution level and how to create automated build process to release new versions of your SharePoint Framework solutions to SharePoint Online. 

 Presentation covers following discussion points:

• Automation with Gulp tasks – areas to automate in the process
• How to automate the full build and release pipeline process?
• How does the build pipeline look like for a simple scenario?
• How does the release pipeline look like for a simple scenario?

First webcast demo shows following things:

• Covering the sample web part used in the demos
• Different custom gulp tasks used in the automation
  • ‘Update manifest‘ for setting the CDN path automatically as part of the process
  • ‘Upload files to SharePoint document library‘ for automatically uploading web part assets to SharePoint library acting as CDN endpoint
  • ‘Upload solution to app catalog‘ for automating version upload to your tenant app catalog

Second webcast demo shows following things:

• Committing changes to VSTS from your Visual Studio Code
• How build pipeline process works in VSTS
• How release pipeline process works in VSTS
• Confirming new version in the SharePoint Online

Webcast presenters: Elio Struyf, Vesa Juvonen

The presentation used in this webcast is available from new PnP SlideShare locations at https://www.slideshare.net/SharePointPnP.

Video at YouTube.

Additional resources

See following resources around the covered topics.

• SharePoint Development Build Extensions Repository – Different kinds of extensions for your build automation
  • Gulp tasks which were used in this webcast demo
• Integrate gulp tasks in SharePoint Framework toolchain
• SharePoint Framework documentation
• SharePoint Framework Tutorials
• Open and Connected Framework – The SharePoint Framework – YouTube
• PnP Webcast – Common (mis)conceptions about SharePoint Framework
• PnP Webcast – Introduction to Visual Studio Extension for SharePoint Framework
• PnP Webcast – Calling external APIs securely from SharePoint Framework
• PnP Webcast – SharePoint Framework and organizational considerations
• PnP Webcast – Provisioning SharePoint assets for your SharePoint Framework solution
• PnP Webcast – Validating SharePoint Framework client-side web part property values
• PnP Webcast – Getting started with SharePoint Framework
• PnP Webcast – Cascading property pane drop-downs with SharePoint Framework
• PnP Webcast – Building multi-view React client-side web parts with SharePoint Framework
• PnP Webcast – Building real-time news feed web part with SharePoint Framework
• PnP Webcast – Building multi-view Angular 1.x client-side web parts with SharePoint Framework
• PnP Webcast – Reuse your existing JavaScript libraries with SharePoint Framework
• PnP Webcast – Building a sample search web part with SharePoint Framework using React
• PnP Webcast – Azure AD implicit flow with SPFx client-side web part (developer preview)
• PnP Webcast – CRUD operations with SharePoint Framework client-side web parts
• PnP Webcast – Using Office Graph from SharePoint client-side web parts
• PnP Webcast – Referencing external JavaScript libraries from client-side web part
• PnP Webcast – Building Angular SharePoint Framework client-side web part
• PnP Webcast – Building simple SharePoint Framework Client Web Part
• PnP Webcast – Integrating Angular v1.x to SharePoint Framework client side web part
• PnP Webcast – Getting started with web stack in SharePoint Development
• PnP Webcast – Preparing for SharePoint Framework – What should I learn?
• PnP Webcast – Converting existing JavaScript apps to SharePoint Framework

What is SharePoint / Office Dev Patterns & Practices (PnP) webcast series?

SharePoint / Office Dev Patterns & Practices (PnP) webcast series covers different patterns, practices and topics around development with Office 365 and SharePoint. The majority of the topics are valid for the Office 365 and SharePoint on-premises. Our objective is to release new around 30-minute long webcast each Monday with few slides and a live demo on the covered topic. All webcasts are published at the PnP YouTube channel with additional references to the existing materials.

PnP is community driven open source project where Microsoft and external community members are sharing their learning’s around implementation practices for Office 365 and SharePoint on-premises (add-in model). Active development and contributions happen in our GitHub repositories under dev branch and each month there will be a master merge (monthly release) with more comprehensive testing and communications. Latest activities and future plans are covered in our monthly community calls which are open for anyone from the community. Download invite from http://aka.ms/SPPnP-Call. 

This is work done by the community for the community without any actual full-time people. It’s been great to find both internal and external people who are willing to assist and share their learning’s for the benefit of others. This way we can build on the common knowledge of us all. Currently, the program is facilitated by Microsoft, but already at this point, we have multiple community members as part of the Core team and we are looking to extend the Core team with more community members.

If you have any questions, comments or feedback around PnP program or this blog post, please use the Microsoft Tech Community (SharePoint Developer group).

“Sharing is caring”

Vesa Juvonen, Senior Program Manager, SharePoint, Microsoft – 19th of June 2017