SlideShare a Scribd company logo
Frontend DevOps Cycle
using GitLab
GitLab Commit – London, October 9th 2019
#GitLabCommitUnrestricted © Siemens 2019
Max Wittig
DevOps Engineer
@max-wittig
Roger Meier
Principal Key Expert
@bufferoverflow
Unrestricted © Siemens 2019
Page 3 #GitLabCommit
The Live Coding Environment
# We are using a very simple Angular app
# with a Node.js backend
# join us now:
$ git clone https://gitlab.com/siemens/todo
Let’s push to GitLab!
Unrestricted © Siemens 2019
Page 5 #GitLabCommit
Goals
• Reduce manual review work
• Improve maintainability
• Let people use any editor
• Detect style issues as early as possible
• Simplify maintainers life
Lint
Demo: local commit + fast failing pipeline
Unrestricted © Siemens 2019
Page 6 #GitLabCommit
Goals
• Don’t rely on people
• Build every configuration
• Run unit and e2e tests within CI
Build and test the application
Demo: Show unit test results, coverage and live browser demo
Unrestricted © Siemens 2019
Page 7 #GitLabCommit
Goals
• Don’t want to give >30.000 users privileged access (no DinD)
• Enables container builds for everybody, while still preserving security
Container Builds
Demo: Show docker image build and pushed
Unrestricted © Siemens 2019
Page 8 #GitLabCommit
Goals
• Scan every container image
• No DinD
• OS and package vulnerabilities
• Detect if base image has to be updated
Container Security
Demo: Show trivy scan
Unrestricted © Siemens 2019
Page 9 #GitLabCommit
Release and deploy
Goals
• Avoid rebuilds of containers è use Crane
• Deploy only tested and tagged versions to prod
Unrestricted © Siemens 2019
Page 10 #GitLabCommit
Error Tracking using Sentry
Demo: Send issue to sentry.io and show in GitLab
Goal
• Notice errors before the users do
Unrestricted © Siemens 2019
Page 11 #GitLabCommit
Security in the long run
Goals
• Ensure security even without activity on the project
Thank you and Goodbye
GitLab Commit 2019

More Related Content

PDF
Building the DevOps Culture Across Siemens
PPTX
Devnest 110802
PDF
Using Devops Practices for Operating CEPH
PDF
Containerized Build & Deployment Pipelines
PPTX
Building a scalable app factory with Appcelerator Platform
PDF
Jenkins World 2019 - Integrating jenkins x with your business
PDF
The Role of GitOps in IT Strategy - June 2021 - Schlomo Schapiro
PDF
KCD Guatemala - Abstracciones sobre Abstracciones
Building the DevOps Culture Across Siemens
Devnest 110802
Using Devops Practices for Operating CEPH
Containerized Build & Deployment Pipelines
Building a scalable app factory with Appcelerator Platform
Jenkins World 2019 - Integrating jenkins x with your business
The Role of GitOps in IT Strategy - June 2021 - Schlomo Schapiro
KCD Guatemala - Abstracciones sobre Abstracciones

What's hot (19)

PDF
Autoscaling event driven apps
PPTX
Microservices in the front end
PDF
Die Evolution von Container Image Builds
PDF
Activiti Cloud Overview & BluePrint: Trending Topic Campaigns
PPT
Hippo nuxeo world
PDF
Open Source Contribution Policy at DB Systel - Schlomo Schapiro - AK Open Sou...
PDF
Evolution of GitLab Frontend
PDF
Meet qt qt creator embedded development
PDF
Getting Started with SharePoint solutions and GitHub
PDF
SE 2015 DevOps Risk Mitigation - Test Driven Infrastructure
PDF
Heroku and Rails Applications
PDF
Android CI Using Buildkite
PDF
azdevcom - Hijack a Kubernetes Cluster
PPTX
GIT AND GITHUB
PDF
Hijack a Kubernetes Cluster - a Walkthrough
PPTX
Commands and create account
PPTX
Deploy It | Deployment Presentation for JavaScriptMN
PPTX
BIMserver.org snippets from the bim acceleration workshop 2014 Orlando, Florida
PPTX
warblecamp - twical
Autoscaling event driven apps
Microservices in the front end
Die Evolution von Container Image Builds
Activiti Cloud Overview & BluePrint: Trending Topic Campaigns
Hippo nuxeo world
Open Source Contribution Policy at DB Systel - Schlomo Schapiro - AK Open Sou...
Evolution of GitLab Frontend
Meet qt qt creator embedded development
Getting Started with SharePoint solutions and GitHub
SE 2015 DevOps Risk Mitigation - Test Driven Infrastructure
Heroku and Rails Applications
Android CI Using Buildkite
azdevcom - Hijack a Kubernetes Cluster
GIT AND GITHUB
Hijack a Kubernetes Cluster - a Walkthrough
Commands and create account
Deploy It | Deployment Presentation for JavaScriptMN
BIMserver.org snippets from the bim acceleration workshop 2014 Orlando, Florida
warblecamp - twical
Ad

Similar to Frontend DevOps Cycle using GitLab (20)

PPTX
Meetup gitlab intro in seoul
PDF
GitLab's Acquisition Strategy & Approach
PDF
OSSF 2018 - Brandon Jung of GitLab - Is Your DevOps 'Tool Tax' Weighing You D...
PDF
„GitOps with Flux and Flagger“
PDF
„GitOps with Flux and Flagger“
PDF
„GitOps with Flux and Flagger“
PPTX
Git lab2019 jp-meetup
PDF
GitLab Frontend and VueJS at GitLab
PDF
Continuous Lifecycle London 2018 Event Keynote
PDF
GitOps 101 Presentation.pdf
PDF
Introducing GitLab (September 2018)
PDF
Api gitlab: configurazione dei progetti as a service
PDF
Speeding up your team with GitOps
PDF
Introducing GitLab (June 2018)
PDF
Gitops Hands On
PPTX
Fundamentals of DevOps and CI/CD
PDF
Free GitOps Workshop (with Intro to Kubernetes & GitOps)
PDF
Free GitOps Workshop
PDF
What's New in GitLab and Software Development Trends
PPTX
Cloud Native Apps with GitOps
Meetup gitlab intro in seoul
GitLab's Acquisition Strategy & Approach
OSSF 2018 - Brandon Jung of GitLab - Is Your DevOps 'Tool Tax' Weighing You D...
„GitOps with Flux and Flagger“
„GitOps with Flux and Flagger“
„GitOps with Flux and Flagger“
Git lab2019 jp-meetup
GitLab Frontend and VueJS at GitLab
Continuous Lifecycle London 2018 Event Keynote
GitOps 101 Presentation.pdf
Introducing GitLab (September 2018)
Api gitlab: configurazione dei progetti as a service
Speeding up your team with GitOps
Introducing GitLab (June 2018)
Gitops Hands On
Fundamentals of DevOps and CI/CD
Free GitOps Workshop (with Intro to Kubernetes & GitOps)
Free GitOps Workshop
What's New in GitLab and Software Development Trends
Cloud Native Apps with GitOps
Ad

Recently uploaded (20)

PPTX
presentation_pfe-universite-molay-seltan.pptx
PPTX
Introduction to cybersecurity and digital nettiquette
PDF
The New Creative Director: How AI Tools for Social Media Content Creation Are...
PPTX
E -tech empowerment technologies PowerPoint
PDF
Tenda Login Guide: Access Your Router in 5 Easy Steps
PPTX
Internet___Basics___Styled_ presentation
PPTX
innovation process that make everything different.pptx
PPTX
artificialintelligenceai1-copy-210604123353.pptx
PDF
Sims 4 Historia para lo sims 4 para jugar
DOCX
Unit-3 cyber security network security of internet system
PPTX
artificial intelligence overview of it and more
PPTX
Digital Literacy And Online Safety on internet
PDF
Slides PDF The World Game (s) Eco Economic Epochs.pdf
PDF
Best Practices for Testing and Debugging Shopify Third-Party API Integrations...
PPT
Ethics in Information System - Management Information System
PDF
💰 𝐔𝐊𝐓𝐈 𝐊𝐄𝐌𝐄𝐍𝐀𝐍𝐆𝐀𝐍 𝐊𝐈𝐏𝐄𝐑𝟒𝐃 𝐇𝐀𝐑𝐈 𝐈𝐍𝐈 𝟐𝟎𝟐𝟓 💰
PDF
Exploring VPS Hosting Trends for SMBs in 2025
PDF
FINAL CALL-6th International Conference on Networks & IOT (NeTIOT 2025)
PDF
SASE Traffic Flow - ZTNA Connector-1.pdf
PPTX
Module 1 - Cyber Law and Ethics 101.pptx
presentation_pfe-universite-molay-seltan.pptx
Introduction to cybersecurity and digital nettiquette
The New Creative Director: How AI Tools for Social Media Content Creation Are...
E -tech empowerment technologies PowerPoint
Tenda Login Guide: Access Your Router in 5 Easy Steps
Internet___Basics___Styled_ presentation
innovation process that make everything different.pptx
artificialintelligenceai1-copy-210604123353.pptx
Sims 4 Historia para lo sims 4 para jugar
Unit-3 cyber security network security of internet system
artificial intelligence overview of it and more
Digital Literacy And Online Safety on internet
Slides PDF The World Game (s) Eco Economic Epochs.pdf
Best Practices for Testing and Debugging Shopify Third-Party API Integrations...
Ethics in Information System - Management Information System
💰 𝐔𝐊𝐓𝐈 𝐊𝐄𝐌𝐄𝐍𝐀𝐍𝐆𝐀𝐍 𝐊𝐈𝐏𝐄𝐑𝟒𝐃 𝐇𝐀𝐑𝐈 𝐈𝐍𝐈 𝟐𝟎𝟐𝟓 💰
Exploring VPS Hosting Trends for SMBs in 2025
FINAL CALL-6th International Conference on Networks & IOT (NeTIOT 2025)
SASE Traffic Flow - ZTNA Connector-1.pdf
Module 1 - Cyber Law and Ethics 101.pptx

Frontend DevOps Cycle using GitLab

  • 1. Frontend DevOps Cycle using GitLab GitLab Commit – London, October 9th 2019 #GitLabCommitUnrestricted © Siemens 2019
  • 2. Max Wittig DevOps Engineer @max-wittig Roger Meier Principal Key Expert @bufferoverflow
  • 3. Unrestricted © Siemens 2019 Page 3 #GitLabCommit The Live Coding Environment # We are using a very simple Angular app # with a Node.js backend # join us now: $ git clone https://gitlab.com/siemens/todo
  • 4. Let’s push to GitLab!
  • 5. Unrestricted © Siemens 2019 Page 5 #GitLabCommit Goals • Reduce manual review work • Improve maintainability • Let people use any editor • Detect style issues as early as possible • Simplify maintainers life Lint Demo: local commit + fast failing pipeline
  • 6. Unrestricted © Siemens 2019 Page 6 #GitLabCommit Goals • Don’t rely on people • Build every configuration • Run unit and e2e tests within CI Build and test the application Demo: Show unit test results, coverage and live browser demo
  • 7. Unrestricted © Siemens 2019 Page 7 #GitLabCommit Goals • Don’t want to give >30.000 users privileged access (no DinD) • Enables container builds for everybody, while still preserving security Container Builds Demo: Show docker image build and pushed
  • 8. Unrestricted © Siemens 2019 Page 8 #GitLabCommit Goals • Scan every container image • No DinD • OS and package vulnerabilities • Detect if base image has to be updated Container Security Demo: Show trivy scan
  • 9. Unrestricted © Siemens 2019 Page 9 #GitLabCommit Release and deploy Goals • Avoid rebuilds of containers è use Crane • Deploy only tested and tagged versions to prod
  • 10. Unrestricted © Siemens 2019 Page 10 #GitLabCommit Error Tracking using Sentry Demo: Send issue to sentry.io and show in GitLab Goal • Notice errors before the users do
  • 11. Unrestricted © Siemens 2019 Page 11 #GitLabCommit Security in the long run Goals • Ensure security even without activity on the project
  • 12. Thank you and Goodbye GitLab Commit 2019