Automatisk hantering för WordPress-projekt

WordCamp Internetdagarna, Waterfront Stockholm, 2016, _(*1)

Denna kodbas är framtagen för presentationen på WordCamp Stockholm 2016., _(*2)

Koden ska ses som ett "proof-of-concept" på en strukturerad miljö för utveckling och distribution av WordPress-projekt., _(*3)

Denna presentation sammanfattas i slides här!, _(*4)

Syftet är att ge en inblick och förståelse för hur utveckling med WordPress kan automatiseras och göras med kontrollerat upplägg med versionshantering, pakethantering, deployment och test., _(*5)

Länkar efter presentationen

Några frågor kring presentationen visade på intressanta uppslag:, _(*6)

Roots: Trellis - Vagrantmiljö, Bedrock - paketstruktur, Sage - tema Laravel Forge, funkar fint för denna typ av WordPress-upplägg., _(*7)

Grundkrav

PHP
Composer
Git
Virtual Box
Vagrant

Option

Node, npm för testcase i CasperJS
En VPS att leverera till

Snabba steg

Om du vill få detta att rulla med snabba steg:, _(*8)

composer create-project elseif/internetdagarna
cd internetdagarna
cp .env.example .env
(modifiera Homestead.yaml rad 15 till ditt projekts sökväg)
vagrant up
(modifiera hosts-filen med: 192.168.10.13 => internetdagarna.dev)
vendor/bin/dep initial dev
(surfa till http://internetdagarna.dev)

Mer om varje del nedan!, _(*9)

Versionshantering

Git används för versionshantering. Installera Git på din dator! Projektet ligger på Github med licens MIT., _(*10)

Pakethantering

Vi använder Composer, styrfilen för externa paket finns definierade i composer.json., _(*11)

composer install

Ta för vana att köra composer update för att dina externa paket ska vara uppdaterade., _(*12)

Utvecklingsmiljön

Vagrant med Virtual Box, _(*13)

Homstead Laravel, _(*14)

composer update

composer require laravel/homestead --dev
php vendor/bin/homestead make

Redigera Homestead.yaml till med dina inställningar. Uppdatera /etc/hosts (OSX), _(*15)

vagrant up

Krånglar miljön? Starta om Vagrantboxen:, _(*16)

vagrant reload --provision

Deployment

Vi använder PHP Deployer och WP CLI för att initiera ny webbplats., _(*17)

vendor/bin/dep initwp dev

Initierar WordPress-installation i din Vagrantbox samt sätter ett testtema som aktivt., _(*18)

Logga in i wp-admin: http://internetdagarna.dev/wp/wp-admin med admin och lösenord admin., _(*19)

vendor/bin/dep testdata dev

Fyller din WordPress-webbplats med testdata., _(*20)

Test

Vi använder PHPUnit och i detta fall ett mycket enkelt UI-test med hjälp av CasperJS som genererar en bild på testet. CaperJS kräver Node i global installation., _(*21)

Selenium (Javabaserat) är ett annat verktyg för UI-test men eftersom vi ofta ändå använder Node så är CasperJS närmare till hands och dessutom betydligt enklare., _(*22)

Installationsexempel:, _(*23)

sudo npm install -g phantomjs
sudo npm install -g casperjs

vendor/bin/dep tests dev

Drar igång UI-test i din Vagrantbox., _(*24)

Deployment Production

vendor/bin/dep deploy production

Skapar en ny release på produktionsservern. Grundkraven är att destinationen har Git och Composer installerat. Vidare behöver en shared/.env samt installerad databas. Det går att initiera WordPressinstallationen med tidigare startup, ex:, _(*25)