27
Web Production Automation WordCamp Norrköping 2014 Andreas Ek, Flowcom

Web Production Automation WordCamp 2014

  • Upload
    flowcom

  • View
    79

  • Download
    2

Embed Size (px)

DESCRIPTION

Andreas Ek's presentation at WordCamp in Norrköping April 2014 about Web Production Automation.

Citation preview

Page 1: Web Production Automation WordCamp 2014

Web Production AutomationWordCamp Norrköping 2014Andreas Ek, Flowcom

Page 2: Web Production Automation WordCamp 2014

Vem är jag?

● Andreas Ek● Flowcom AB● Webbarkitekt, systemutvecklare och

programmerare● Som 11-åring VIC-20● 1993 professionell programmerare● CAP Gemini, Framfab, ABB● 2004 som egen företagare● Tre år tillbaka WordPress / Open Source● Passionen är automation

Page 3: Web Production Automation WordCamp 2014

Web Production Automation

Automatic DeploymentContinuous IntegrationContinuous DeploymentTest AutomationSysAdmin/DeveloperDevOps

Web Production Automation

Page 4: Web Production Automation WordCamp 2014

Vi automatiserar andra!

Page 5: Web Production Automation WordCamp 2014

Automatisera webbutveckling

● Fler i teamet● Transparens● Lean / Agil● Snabbt till leverans och justering● Mer fokus på hantverk● Ta in fler oerfarna (höja ribban)● Högre kvalitet i leveranser● Skapar strukturkapital

+ Väldigt roligt!

Page 6: Web Production Automation WordCamp 2014

WordCamp 2012

PRODTEST

KUND

UTV

REPO

REPO

SY

NK

TESTER

WP-REPO

1 2

3

4

5

6

0 min < 10 min

Page 7: Web Production Automation WordCamp 2014

WordCamp 2014

● Trender● Tekniker● Vad vi använder och varför● Praktiskt exempel, kickstart

Page 8: Web Production Automation WordCamp 2014

Trend 1 - distribution

● Kod● Kodversioner● Tester● Installation● Miljöer● Operativsystem● Moduler i OS

Page 9: Web Production Automation WordCamp 2014

Trend 2 - utvecklingsmiljöer

Fasta installationervs

Virtuella miljöer

Page 10: Web Production Automation WordCamp 2014

Trend 3 - deployment

Centraliseratvs

Decentraliserat

Page 11: Web Production Automation WordCamp 2014

Trend 4 - Test

Manuelltvs

Automatiserat

Page 12: Web Production Automation WordCamp 2014

Trend 5 - Drift

En stor server i egen lokalvs

Många små spridda i molnet

Page 13: Web Production Automation WordCamp 2014

Blueprint

DEV PRODTEST

Grunt

Q

Browser testGit

Page 14: Web Production Automation WordCamp 2014

Blueprint imorgon?

DEV / TEST

PROD

Grunt

Q

Browser test

Git

DEV / TESTDEV /

TESTDEV / TESTDEV /

TESTDEV / TEST

Page 15: Web Production Automation WordCamp 2014

Tekniker WPA

Som svampar i skogen! Många nya varje dag!

Page 16: Web Production Automation WordCamp 2014

Vilka vi använder för WordPress

Just nu, ska tilläggas!

Page 17: Web Production Automation WordCamp 2014

Git

● Kod

● Strukturer

● Flöden

● Synkronisering

● Feature Branches

Page 18: Web Production Automation WordCamp 2014

Vagrant

Virtuella miljöer för utveckling och test

Page 19: Web Production Automation WordCamp 2014

Vagrant

Page 20: Web Production Automation WordCamp 2014

Ansible

DeploymentmedYML

Page 21: Web Production Automation WordCamp 2014

WP-CLI

KonfigureringWordPress

viakommandoprompt

Page 22: Web Production Automation WordCamp 2014

WP Starter

Målet är att få avancerad miljö med få klick

● Startskott för utvecklingsmiljö● Provisioning förberett

Page 23: Web Production Automation WordCamp 2014

www.wpstarter.io

● Vagrant med WordPress● Ansible● Nginx och Mysql● Roots med Grunt● WP-CLI● Provisioning på gång

Page 24: Web Production Automation WordCamp 2014

Demonstrera

www.wpstarter.ioSetupShare

Bootswatch

Page 25: Web Production Automation WordCamp 2014

WP Starter - vad händer nu?

VirtualBox Vagrant

Ansible installeras

lokalt

Ansible körs lokalt i VM

MySql NginxCommon WordPressPHP

Provision

Roots Theme Plugins