ECS19 Elio Struyf - Setting Up Your SPFx CI/CD pipelines on Azure DevOps

•

2 gostaram•407 visualizações

European Collaboration Summit

Software

#SPSOslo - @eliostruyf
Client-side solution creation flow
Scaffold SharePoint Web Part
Project
Build Web Part Code
Test
Local
UAT / Pre-production
Minify Assets
Available on Classic and
Client-Side Pages
Ship?
Release using app catalog*
Package/Deploy

#SPSOslo - @eliostruyf
Manual steps for shipping your solutions
1. Clean your solution
→ gulp clean
2. Bundle your solution
→ gulp bundle --ship
3. Package your solution
→ gulp package-solution --ship
4. (Optionally) upload your files to your CDN
5. Upload the solution package and deploy it in
the app catalog (site or tenant)
Minify Assets
Available on Classic and
Client-Side Pages
Release using app catalog*
Package/Deploy
Cleans project

Release process automation options
• Node script
• Gulp
• Office 365 CLI
• PowerShell
• VSCode extension
• …

Plan
1
Develop + Test
2
Development Production
Monitor + Learn
4
Release3
DevOps process

What is the process to get it automated?
CI CD

Installs dependencies
Push the build artifacts
ready for the releasePackage/DeployMinify Assets
Continuous Integration → build process

Be one of the cool kids, start using YAML
• Pipelines as code
• Automated from your repo
• Easier to go back to earlier builds
• Defined in: azure-pipelines.yml
• Set secret variables via the web UI

Task groups:
Reuse tasks in other pipelines / projects

Continuous Delivery → Release process
Release process Check out the solution
once shippedAdd *.sppkgInstall Office 365 CLI Deploy *.sppkg

• Releases can target different environments
• Dev → Test → Q&A → Production
Environments

What’s next?
• Adding more environments
• Implementing unit tests in the CI process
• Code quality test (SonarQube)
• Automated UI tests
• …

Office Apps & Services MVP
Azure / Office 365 / SharePoint
@eliostruyf
eliostruyf.com
info@estruyf.be
Elio Struyf
Architect @Valo Intranet

ECS19 Elio Struyf - Setting Up Your SPFx CI/CD pipelines on Azure DevOps

Mais conteúdo relacionado

Mais procurados

GitOps - Operation By Pull Request

Kasper Nissen

Bare Metal Cluster with Kubernetes, Istio and Metallb | Nguyen Phuong An, Ngu...

Vietnam Open Infrastructure User Group

CKA_1st.pptx

YIJHEHUANG

Travelio Tech Talks 2022 presentation The recommended workflow for implementing GitOps with Kubernetes manifests is known as trunk-based development. This method defines one branch as the "trunk" and carries out development on each environment in a different short-lived branch. When development is complete for that environment, the developer creates a pull request for the branch to the trunk. Developers can also create a fork to work on an environment, and then create a branch to merge the fork into the trunk. Once the proper approvals are done, the pull request (or the branch from the fork) gets merged into the trunk. The branch for that feature is deleted, keeping your branches to a minimum. Trunk-based development trades branches for directories. You can think of the trunk as a "main" or primary branch. production and prod are popular names for the trunk branch. Trunk-based development came about to enable continuous integration and continuous delivery by supplying a development model focused on the fast delivery of changes to applications. But this model also works for GitOps repositories because it keeps things simple and more in tune with how Kustomize and Helm work. When you record deltas between environments, you can clearly see what changes will be merged into the trunk. You won’t have to cherry-pick nearly as often, and you’ll have the confidence that what is in your Git repository is what is actually going into your environment. This is what you want in a GitOps workflow.

Understanding the GitOps Workflow and CICD Pipeline - What It Is, Why It Matt...

Gibran Badrulzaman

CI/CD

AmitDhodi

Deploying your first application with Kubernetes

OVHcloud

GitOps, Driving NGN Operations Teams 211127 #kcdgt 2021

William Caban

Mais procurados (7)

GitOps - Operation By Pull Request

Bare Metal Cluster with Kubernetes, Istio and Metallb | Nguyen Phuong An, Ngu...

CKA_1st.pptx

Understanding the GitOps Workflow and CICD Pipeline - What It Is, Why It Matt...

CI/CD

Deploying your first application with Kubernetes

GitOps, Driving NGN Operations Teams 211127 #kcdgt 2021

Semelhante a ECS19 Elio Struyf - Setting Up Your SPFx CI/CD pipelines on Azure DevOps

CICD with SharePoint SPFx A useful overview

pdalian

Continuous Integration with Open Source Tools - PHPUgFfm 2014-11-20

Michael Lihs

Gocd – Kubernetes/Nomad Continuous Deployment

Leandro Totino Pereira

Contributing to OpenStack

devkulkarni

>>WATCH THE WEBINAR HERE: https://codefresh.io/docker-based-pipelines-with-codefresh/ Most people think that Docker adoption means deploying Docker images. In this webinar, we will see the alternative way of adopting Docker in a Continuous Integration Pipeline, by packaging all build tools inside Docker containers. This makes it very easy to use different tool versions on the same build and puts an end to version conflicts in build machines. We will use Codefresh as a CI/CD solution as it fully supports pipelines where each build step is running on its own container image. Sign up for FREE Codefresh account (120 builds/month) at Codefresh.io/codefresh-signup

Docker based-Pipelines with Codefresh

Codefresh

CI/CD with Github Actions

Md. Minhazul Haque

Ever wondered about the new Cloud offerings out there? What is a PaaS? What is this thing called OpenShift? Whether your business is running on applications based on Java EE6, PHP or Ruby, the cloud is turning out to be the perfect environment for developing your business. There are plenty of clouds and platform-as-a-services to choose from, but where to start? Join us for an action-packed hour of power where we'll show you how to deploy your existing application written in the language of your choice - Java, Ruby, PHP, Perl or Python, with the framework of your choice - EE6, CDI, Seam, Spring, Zend, Cake, Rails, Sinatra, PerlDancer or Django to the OpenShift PaaS in just minutes. All this and without having to rewrite your app to get it to work the way the cloud provider thinks your app should work. You can have your business applications running in the cloud on OpenShift Express in seconds, while also making use of the web browser do the heavy-lifting of provisioning clusters, deploying, monitoring and auto-scaling apps in OpenShift Flex. If you want to learn about OpenShift PaaS and see how investing 45 mins of your time can change everything you thought you knew about putting your business applications in the cloud, this session is for you!

NLUUG Spring 2012 - OpenShift Primer

Eric D. Schabell

habitat at docker bud

Mandi Walls

SPS Dakar 2018 - I developed a SharePoint framework solution, what to do next...

aOS Community

Today’s cutting edge companies have software release cycles measured in days instead of months. This agility is enabled by the DevOps practice of continuous delivery, which automates building, testing, and deploying all code changes. This automation helps you catch bugs sooner and accelerates developer productivity. In this session, we’ll share best practices (including ones followed internally at Amazon) and how you can bring them to your company by using open source and AWS services. Speaker: Raghuraman Balachandran, Solutions Architect, Amazon India

Continuous Delivery, Continuous Integration

Amazon Web Services

DevOps on AWS: Accelerating Software Delivery with the AWS Developer Tools

Amazon Web Services

Many people ask, "Which one is better for me: App Engine, Cloud Functions, or Cloud Run?" To help you learn more about them, understand their differences, appropriate use cases, etc., why not deploy the same app to all 3? With this "test drive," you only need to make minor config changes between platforms. You'll also learn one of Google Cloud's AI/ML "building block" APIs as a bonus as the sample app is a simple "mini" Google Translate "MVP". This is a 45- 60-minute talk that reviews the Google Cloud serverless compute platforms then walks through the same app and its deployments. The code is maintained at https://github.com/googlecodelabs/cloud-nebulous-serverless-python

Designing flexible apps deployable to App Engine, Cloud Functions, or Cloud Run

wesley chun

Smarter deployments with octopus deploy

Thibaud Gravrand

Write microservice in golang

Bo-Yi Wu

Build your android app with gradle

Swain Loda

Alfresco Development Framework Basic

Mario Romano

Globus Command Line Interface (APS Workshop)

Globus

Rock Solid Deployment of Web Applications

Pablo Godel

Code, ci, infrastructure - the gophers way

Alex Baitov

How to adopt team development and source control rev2

Slobodan Lohja

Semelhante a ECS19 Elio Struyf - Setting Up Your SPFx CI/CD pipelines on Azure DevOps (20)

CICD with SharePoint SPFx A useful overview

Continuous Integration with Open Source Tools - PHPUgFfm 2014-11-20

Gocd – Kubernetes/Nomad Continuous Deployment

Contributing to OpenStack

Docker based-Pipelines with Codefresh

CI/CD with Github Actions

NLUUG Spring 2012 - OpenShift Primer

habitat at docker bud

SPS Dakar 2018 - I developed a SharePoint framework solution, what to do next...

Continuous Delivery, Continuous Integration

DevOps on AWS: Accelerating Software Delivery with the AWS Developer Tools

Designing flexible apps deployable to App Engine, Cloud Functions, or Cloud Run

Smarter deployments with octopus deploy

Write microservice in golang

Build your android app with gradle

Alfresco Development Framework Basic

Globus Command Line Interface (APS Workshop)

Rock Solid Deployment of Web Applications

Code, ci, infrastructure - the gophers way

How to adopt team development and source control rev2

Mais de European Collaboration Summit

ECS19 - Bram De Jager - Design a secure collaboration solution with Azure In...

European Collaboration Summit

ECS19 - Eric Harlan - Increasing throughput of Office 365

European Collaboration Summit

ECS19 - Ahmad Najjar - Logic Apps vs Microsoft Flow - When, how and where?

European Collaboration Summit

ECS19 - Michael Van Horenbeeck - Divide Et Imperat Office 365 Mergers, Acquis...

European Collaboration Summit

ECS19 - Christina Wheeler - Become Data Modeling Superhero

European Collaboration Summit

ECS19 - Ahmad Najjar and Serge Luca - Power Platform Tutorial

European Collaboration Summit

ECS19 - Vesa Juvonen - SharePoint and Office 365 Development PowerClass

European Collaboration Summit

ECS19 - Paolo Pialorsi - Building Portals with modern SharePoint experiences

European Collaboration Summit

ECS19 - Nik Charlebois - Automate the Deployment & Monitoring of SharePoint w...

European Collaboration Summit

ECS19 - Nicki Borell - Microsoft Cybersecurity Reference Architecture

European Collaboration Summit

ECS19 - Mike Ammerlaan - Microsoft Graph Data Connect

European Collaboration Summit

ECS19 - Vesa Juvonen, Paolo Pialorsi - Building “modern” portals with SharePo...

European Collaboration Summit

ECS19 - Vesa Juvonen - Getting Started With SharePoint Framework - Roadmap

European Collaboration Summit

ECS19 - Bill Ayers - UNLOCK YOUR BUSINESS KNOWLEDGE WITH THE MICROSOFT GRAPH,...

European Collaboration Summit

ECS19 - Toni Pohl - Develop intelligent apps for the Modern Workplace

European Collaboration Summit

ECS19 - Tomislav Lulic - What is changed in product/service licensing with Cl...

European Collaboration Summit

ECS19 - Thomas Vochten - ESSENTIAL DATABASE ADMINISTRATION SKILLS FOR SHAREPO...

European Collaboration Summit

ECS19 - Thomas Goelles, Stephan Bisser - Unite your workplace with Microsoft'...

European Collaboration Summit

ECS19 - Steven Collier - Live Events in Teams, Yammer and Stream using Extern...

European Collaboration Summit

ECS19 - Serge Luca - MICROSOFT FLOW IN REAL WORLD PROJECTS: 3 YEARS LATER AN...

European Collaboration Summit

Mais de European Collaboration Summit (20)