Web Production Automation WordCamp 2014

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

description

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

Transcript of Web Production Automation WordCamp 2014

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