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

API Management in Azure

Tomasso Groenendijk

Pentest is yesterday, DevSecOps is tomorrow

Amien Harisen Rosyandino

Power Platform ALM with DevOps

Christopher R. Barber

DevSecOps Jenkins Pipeline -Security

n|u - The Open Security Community

Ansible Tower

Knoldus Inc.

All organizations want to go faster and decrease friction in their cloud software delivery pipeline. Infosec has an opportunity to change their classic approach from blocker to enabler. This talk will discuss hallmarks of CI/CD and some practical examples for adding security testing across different organizations. The talk will cover emergent patterns, practices and toolchains that bring security to the table. Presented at OWASP NoVA, Sept 25th, 2018

DevSecOps and the CI/CD Pipeline

James Wickett

Backstage at CNCF Madison.pptx

BrandenTimm1

Today it’s all about delivering velocity without compromising on quality, yet it’s becoming increasingly difficult for organisations to keep up with the challenges of current release management and traditional operations. The demand for developers to own the end-to-end delivery, including operational ownership, is increasing. A “you build it, you own it” development process requires tools that developers know and understand. So I’d like to introduce “GitOps”- an agile software lifecycle for modern applications. In this session, I will discuss these industry challenges, including current CICD trends and how they’re converging with operations and monitoring. I’ll also illustrate the GitOps model, identify best practices and tools to use, and explain how you can benefit from adopting this methodology inherited from best practices going back 10-15 years.

Continuous Lifecycle London 2018 Event Keynote

Weaveworks

스폰서 발표 세션 | AWS를 위한 도커, 컨테이너 (이미지) 환경 보안 방안 양희선 부장, TrendMicro AWS 내 보안 접근은 기존의 보안 적용 방식과 많은 차이점이 있습니다. AWS 환경에서는 도커 및 컨테이너를 사용하여 빠르게 서비스를 적용하고 커스터마이징 서비스가 이루어져 동시에 보안을 적용 적용함에 있어 많은 어려움이 있습니다. 호스트 OS 및 독립적인 컨테이너에 대한 많은 위협들이 있고 이러한 위협들을 빠르게 파악하는 동시에 해당 위협 요소를 제거 및 차단하는 방법이 필요합니다. 본 세션에서는 일련의 위협들로 부터 도커 컨테이너 및 컨테이너 (이미지)에 대한 보안 위협들을 알아보고 트렌드마이크로의 Deep Security 및 Smart Check를 통한 효율적인 보안 적용 방법에 대한 가이드를 제시합니다.

AWS를 위한 도커, 컨테이너 (이미지) 환경 보안 방안 - 양희선 부장, TrendMicro :: AWS Summit Seoul 2019

Amazon Web Services Korea

2019 DevSecOps Reference Architectures

Sonatype

This presentation on "How to become a DevOps Engineer" will help you learn what is DevOps, who is a DevOps engineer, career roadmap of a DevOps engineer, certifications for DevOps engineer, and salary of a DevOps engineer. A DevOps Engineer is an IT professional who understands the software development lifecycle and uses various automation tools for developing CI/ CD pipelines. In simple words, they collaborate with developer and operation teams to deliver high-quality products within a minimum amount of time. Now, let's get started and understand a few important ways to become a DevOps engineer. Below are explained in this presentation: 1. Who is a DevOps engineer? 2. DevOps career roadmap 3. DevOps certification 4. DevOps engineer salary Why learn DevOps? Simplilearn’s DevOps training course is designed to help you become a DevOps practitioner and apply the latest in DevOps methodology to automate your software development lifecycle right out of the class. You will master configuration management; continuous integration deployment, delivery and monitoring using DevOps tools such as Git, Docker, Jenkins, Puppet and Nagios in a practical, hands on and interactive approach. The DevOps training course focuses heavily on the use of Docker containers, a technology that is revolutionizing the way apps are deployed in the cloud today and is a critical skillset to master in the cloud age. After completing the DevOps training course you will achieve hands on expertise in various aspects of the DevOps delivery model. The practical learning outcomes of this DevOps training course are: An understanding of DevOps and the modern DevOps toolsets The ability to automate all aspects of a modern code delivery and deployment pipeline using: 1. Source code management tools 2. Build tools 3. Test automation tools 4. Containerization through Docker 5. Configuration management tools 6. Monitoring tools Who should take this course? DevOps career opportunities are thriving worldwide. DevOps was featured as one of the 11 best jobs in America for 2017, according to CBS News, and data from Payscale.com shows that DevOps Managers earn as much as $122,234 per year, with DevOps engineers making as much as $151,461. DevOps jobs are the third-highest tech role ranked by employer demand on Indeed.com but have the second-highest talent deficit. 1. This DevOps training course will be of benefit the following professional roles: 2. Software Developers 3. Technical Project Managers 4. Architects 5. Operations Support 6. Deployment engineers 7. IT managers 8. Development managers Learn more at https://www.simplilearn.com/cloud-computing/devops-practitioner-certification-training

How To Become A DevOps Engineer | Who Is A DevOps Engineer? | DevOps Engineer...

Simplilearn

Room 1 - 1 - Benoit TELLIER - On premise email inbound service with Apache James

Vietnam Open Infrastructure User Group

What's New for GitLab CI/CD February 2020

Noa Harel

OpenShift Introduction

Red Hat Developers

iSAQB Software Architecture Gathering – Digital 2022, November 2022, Mario-Leander Reimer (@LeanderReimer, Principal Software Architect bei QAware). == Dokument bitte herunterladen, falls unscharf! Please download slides if blurred! == Kubernetes is the de-facto standard when it comes to container orchestration. But why is there is no established, standard and uniform way to spin-up and manage a single or even a whole farm of Kubernetes clusters yet? Instead, a whole bunch of different and mostly incompatible ways towards Kubernetes exist today. Each with its own pros and cons in regards to ease of use, flexibility and many other requirements. In this session we will have a closer look at the different available options to create, manage and operate Kubernetes clusters at scale.

Cluster-as-code. The Many Ways towards Kubernetes

QAware GmbH

Flutter session 01

DSC IEM

Openshift Container Platform

DLT Solutions

Microservices architectures are changing the way that organizations build their applications and infrastructure. Companies can now achieve new levels of scale and efficiency by disaggregating their large, monolithic applications into small, independent “micro services”, each of which perform different functions. In this session, we’ll introduce the concept of microservices, help you evaluate whether your organization is ready for microservices, and discuss methods for implementing these architectures.

Introduction to Microservices

Amazon Web Services

Azure WebApp Deployment Slots

Ebru Cucen Çüçen

Fundamentals of DevOps and CI/CD

Batyr Nuryyev

Mais procurados (20)

API Management in Azure

Pentest is yesterday, DevSecOps is tomorrow

Power Platform ALM with DevOps

DevSecOps Jenkins Pipeline -Security

Ansible Tower

DevSecOps and the CI/CD Pipeline

Backstage at CNCF Madison.pptx

Continuous Lifecycle London 2018 Event Keynote

AWS를 위한 도커, 컨테이너 (이미지) 환경 보안 방안 - 양희선 부장, TrendMicro :: AWS Summit Seoul 2019

2019 DevSecOps Reference Architectures

How To Become A DevOps Engineer | Who Is A DevOps Engineer? | DevOps Engineer...

Room 1 - 1 - Benoit TELLIER - On premise email inbound service with Apache James

What's New for GitLab CI/CD February 2020

OpenShift Introduction

Cluster-as-code. The Many Ways towards Kubernetes

Flutter session 01

Openshift Container Platform

Introduction to Microservices

Azure WebApp Deployment Slots

Fundamentals of DevOps and CI/CD

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)