Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Vagrant for WordPress Development

Vagrant for WordPress Development

An overview of Vagrant, virtualization, and how it could be used to ease WordPress development.

9ca1a1f5c872115a582ae57743139447?s=128

Lew Goettner

October 20, 2012
Tweet

Transcript

  1. Vagrant for WordPress Development Lew Goettner @lewg #WCPhilly October 20,

    2012 Saturday, October 20, 12
  2. about me Saturday, October 20, 12

  3. LEWIS JOSEPH GOETTNER THE @lewg Saturday, October 20, 12

  4. Saturday, October 20, 12

  5. By JSquish (Own work) [CC-BY-SA-3.0 (http://creativecommons.org/licenses/by-sa/3.0)], via Wikimedia Commons Saturday,

    October 20, 12
  6. By TexasDex at en.wikipedia [GFDL (http://www.gnu.org/copyleft/fdl.html) or CC-BY-SA-3.0 (http://creativecommons.org/ licenses/by-sa/3.0/)],

    from Wikimedia Commons Saturday, October 20, 12
  7. Saturday, October 20, 12

  8. Wharton Computing Saturday, October 20, 12

  9. PHP WordPress ColdFusion Windows Ubuntu/Red Hat MSSQL MySQL Ruby Saturday,

    October 20, 12
  10. Supporting non-technical users Slower adoption of new technology Legacy systems

    There is always room for a better way! When you’re stuck in the middle.. Saturday, October 20, 12
  11. storytime Saturday, October 20, 12

  12. “Here’s a shared dev space.” - Sysadmin the progression... Saturday,

    October 20, 12
  13. “I’ll just run it locally.” - Developer the progression... Saturday,

    October 20, 12
  14. “I’ll run it in a VM!” - Developer the progression...

    Saturday, October 20, 12
  15. “I’ll run it in a chef-configured VM!” - Developer the

    progression... Saturday, October 20, 12
  16. “I’ll run it in a chef-configured VM, based on a

    post-install snapshot.” - Developer the progression... Saturday, October 20, 12
  17. “Why don’t we all start using this?” - Boss /

    Coworker / Intern the progression... Saturday, October 20, 12
  18. “Shit.” - Developer the progression... Saturday, October 20, 12

  19. vagrant Saturday, October 20, 12

  20. “Vagrant uses Oracle’s VirtualBox to build configurable, lightweight, and portable

    virtual machines dynamically.” - http://vagrantup.com Saturday, October 20, 12
  21. VirtualBox Saturday, October 20, 12

  22. “VirtualBox is a general-purpose full virtualizer for x86 hardware, targeted

    at server, desktop and embedded use.” - virtualbox.org Saturday, October 20, 12
  23. “VirtualBox is a general-purpose full virtualizer for x86 hardware, targeted

    at server, desktop and embedded use.” - virtualbox.org FREE! Saturday, October 20, 12
  24. “I love the command line.” - Lew Saturday, October 20,

    12
  25. Assumption: You’ve installed both VirtualBox and Vagrant. 3 Lines =

    A Running VM Saturday, October 20, 12
  26. % vagrant box add precise32 \ http://files.vagrantup.com/ precise32.box % vagrant

    init precise32 % vagrant up 3 Lines = A Running VM Saturday, October 20, 12
  27. % vagrant box add precise32 \ http://files.vagrantup.com/ precise32.box % vagrant

    init precise32 % vagrant up Saturday, October 20, 12
  28. Base OS Install Software for access & configuration VirtualBox Guest

    Additions Base Box Saturday, October 20, 12
  29. Built in tools for management: % vagrant box -h %

    vagrant package -h Base Box Saturday, October 20, 12
  30. VeeWee: tool for building your own https://github.com/jedi4ever/veewee Base Box Saturday,

    October 20, 12
  31. % vagrant box add precise32 \ http://files.vagrantup.com/ precise32.box % vagrant

    init precise32 % vagrant up Saturday, October 20, 12
  32. % vagrant box add precise32 \ http://files.vagrantup.com/ precise32.box % vagrant

    init precise32 % vagrant up Saturday, October 20, 12
  33. Vagrantfile = a Project Project = 1 to many VMs

    Vagrantfile Saturday, October 20, 12
  34. Text file Ruby DSL for configuring your VM(s) (no ruby

    skills required) Vagrantfile Saturday, October 20, 12
  35. % vagrant box add precise32 \ http://files.vagrantup.com/ precise32.box % vagrant

    init precise32 % vagrant up Saturday, October 20, 12
  36. vagrant up http://www.flickr.com/photos/lightningjeff/7505934038/ Saturday, October 20, 12

  37. “There’s potential here.” -Developer Saturday, October 20, 12

  38. “VIM is the bee’s knees!” - Developer A The Holy

    Wars Saturday, October 20, 12
  39. “Textmate would throat punch VIM!” - Developer B The Holy

    Wars Saturday, October 20, 12
  40. “Let’s fight to the death!!” - Both Developers The Holy

    Wars Saturday, October 20, 12
  41. “Let’s talk this thing to death in IRC!!” - Both

    Developers The Holy Wars Saturday, October 20, 12
  42. Vagrantfile config.vm.share_folder "web", "/var/www", "~/my-site", :nfs => true Saturday, October

    20, 12
  43. Vagrantfile config.vm.share_folder "web", "/var/www", "~/my-site", :nfs => true Identifier Saturday,

    October 20, 12
  44. Vagrantfile config.vm.share_folder "web", "/var/www", "~/my-site", :nfs => true Identifier Path

    on VM Saturday, October 20, 12
  45. Vagrantfile config.vm.share_folder "web", "/var/www", "~/my-site", :nfs => true Identifier Path

    on VM Path on your workstation Saturday, October 20, 12
  46. Vagrantfile config.vm.share_folder "web", "/var/www", "~/my-site", :nfs => true Identifier Path

    on VM Path on your workstation NFS for Performace Saturday, October 20, 12
  47. By Julius Schorzman (Own work) [CC-BY-SA-2.0 (http://creativecommons.org/licenses/by-sa/2.0)], via Wikimedia Commons

    Saturday, October 20, 12
  48. Saturday, October 20, 12

  49. 0 1 2 3 Number of Children Coffee Consuption Sleep

    Saturday, October 20, 12
  50. Saturday, October 20, 12

  51. WordPress Convenience Strength: Saturday, October 20, 12

  52. % vagrant box add precise32 \ http://files.vagrantup.com/ precise32.box % vagrant

    init precise32 Add our base box, initialize Saturday, October 20, 12
  53. Vagrantfile (add networking) config.vm.network :hostonly, "192.168.33.10" (uncomment that line) Saturday,

    October 20, 12
  54. % vagrant up % vagrant ssh Fire it up, SSH

    in Saturday, October 20, 12
  55. Inside the VM - Setup a LAMP Stack % sudo

    apt-get update % sudo apt-get install apache2 mysql- server php5 php5-mysql % mysqladmin -u root -p create wordpress % exit Saturday, October 20, 12
  56. Saturday, October 20, 12

  57. Package it Up % vagrant halt % vagrant package --output

    wplamp.box (spits out a wplamp.box file) % vagrant box add wplamp wplamp.box Saturday, October 20, 12
  58. “Why did we just do that?” -You Guys Saturday, October

    20, 12
  59. Vagrantfile (in a new folder) Vagrant::Config.run do |config| config.vm.box =

    "wplamp" config.vm.network :hostonly, "192.168.33.11" config.vm.share_folder "wordpress", "/var/www", "../wordpress", :nfs => true end Saturday, October 20, 12
  60. Saturday, October 20, 12

  61. “Mind sharing?” Saturday, October 20, 12

  62. Vagrantfile (port forwarding) Vagrant::Config.run do |config| config.vm.box = "wplamp" config.vm.box_url

    = "http://you.com/wplamp.box" config.vm.network :hostonly, "192.168.33.11" config.vm.share_folder "wordpress", "/var/www", "../wordpress", :nfs => true end Saturday, October 20, 12
  63. Vagrantfile (port forwarding) Vagrant::Config.run do |config| config.vm.box = "wplamp" config.vm.box_url

    = "http://you.com/wplamp.box" config.vm.network :hostonly, "192.168.33.11" config.vm.share_folder "wordpress", "/var/www", "../wordpress", :nfs => true end The Interwebs! Saturday, October 20, 12
  64. “Can I take a look at that?” Saturday, October 20,

    12
  65. Vagrantfile (port forwarding) Vagrant::Config.run do |config| config.vm.box = "wplamp" config.vm.forward_port

    80, 8080 config.vm.network :hostonly, "192.168.33.11" config.vm.share_folder "wordpress", "/var/www", "../wordpress", :nfs => true end Saturday, October 20, 12
  66. Vagrantfile (port forwarding) Vagrant::Config.run do |config| config.vm.box = "wplamp" config.vm.forward_port

    80, 8080 config.vm.network :hostonly, "192.168.33.11" config.vm.share_folder "wordpress", "/var/www", "../wordpress", :nfs => true end VM Saturday, October 20, 12
  67. Vagrantfile (port forwarding) Vagrant::Config.run do |config| config.vm.box = "wplamp" config.vm.forward_port

    80, 8080 config.vm.network :hostonly, "192.168.33.11" config.vm.share_folder "wordpress", "/var/www", "../wordpress", :nfs => true end VM Workstation Saturday, October 20, 12
  68. “One more thing..” -Bill Gates Saturday, October 20, 12

  69. “One more thing..” -Steve Jobs Saturday, October 20, 12

  70. % vagrant destroy Saturday, October 20, 12

  71. Saturday, October 20, 12

  72. vagrant destroy Blow away the VM. But what’s left? Everything

    required to recreate it at will! Save space, fix problems, tinker at will. Saturday, October 20, 12
  73. ? Saturday, October 20, 12

  74. Distributing And a word of caution Saturday, October 20, 12

  75. “VCS or GTFU” - Mark Jaquith Saturday, October 20, 12

  76. “DVCS or GTFU” - Lew Saturday, October 20, 12

  77. Saturday, October 20, 12

  78. Whoops. Saturday, October 20, 12

  79. “VCS or GTFO” - Mark Jaquith Saturday, October 20, 12

  80. Grow the F*ck Up Used when adults are acting like

    kids. - urbandictionary.com GTFU Saturday, October 20, 12
  81. “DVCS or GTFU” - Lew Saturday, October 20, 12

  82. “Git or get out?” - Lew meh.. Saturday, October 20,

    12
  83. “Modern version control systems make these setups insanely easy to

    distribute and modify.” - Lew What I’m trying to say.. Saturday, October 20, 12
  84. % git clone http://my-setup % vagrant up How Easy? Saturday,

    October 20, 12
  85. ? Saturday, October 20, 12

  86. Recap Powered by meme Saturday, October 20, 12

  87. Saturday, October 20, 12

  88. Developer - Before Local Dev? Don’t want it on all

    the time. 1 VM? Mixing Libraries, Dependencies, etc. Multiple VMs: Painful to manage, GBs Saturday, October 20, 12
  89. Developer - After A dedicated, disposable, consistent development environment... per

    project! Saturday, October 20, 12
  90. Saturday, October 20, 12

  91. Organization - Before Fixed/shared dev? Developers like different tools Onboarding?

    Long time from hire to productivity Saturday, October 20, 12
  92. Organization - After Providing consistent local development leads to smoother

    deployments, drastically shortens on- boarding time, and puts no regulations on developer tools. Saturday, October 20, 12
  93. Saturday, October 20, 12

  94. + or Saturday, October 20, 12

  95. Homer Liwag [CC-BY-SA-3.0-2.5-2.0-1.0 (www.creativecommons.org/licenses/by-sa/3.0)], via Wikimedia Commons Configuration Management Saturday,

    October 20, 12
  96. config.vm.provision :chef_solo do |chef| chef.cookbooks_path = "~/my-cookbooks" chef.roles_path = "~/my-roles"

    chef.add_role "my_app_server" end Vagrantfile Saturday, October 20, 12
  97. WordPress Convenience Strength: Saturday, October 20, 12

  98. “Everybody is using it.” Goal: Provide easy to use directions

    to setup a dev environment for non- developers. Saturday, October 20, 12
  99. “You hacked the core?” Goal: Provide your setup to vendors

    with a clear acceptance path. Saturday, October 20, 12
  100. “You don’t run any servers?” Goal: Provide a setup to

    your clients where they can play with the site in- house. Saturday, October 20, 12
  101. “You said this worked on 3.0?” Goal: Test one plugin

    or theme across multiple versions of WordPress. Saturday, October 20, 12
  102. Install WordPress, plugins, themes, and map appropriate folders. http://github.com/lewg/wordpress-vagrant 1

    Site = 1 Setup Repo Saturday, October 20, 12
  103. In Practice Consistent Local Development for our most complicated WordPress

    install. Saturday, October 20, 12
  104. What’s it do? Creates a new Ubuntu 12.04 VM Installs

    and configures all server software Apache, PHP, MySQL, Apt, Subversion Downloads & Installs WordPress Saturday, October 20, 12
  105. What’s it do? Creates a new Ubuntu 12.04 VM Installs

    and configures all server software Apache, PHP, MySQL, Apt, Subversion Downloads & Installs WordPress Saturday, October 20, 12
  106. What’s it do? Creates a new Ubuntu 12.04 VM Installs

    and configures all server software Apache, PHP, MySQL, Apt, Subversion Downloads & Installs WordPress Saturday, October 20, 12
  107. What’s it do? Installs 30 wordpress.org plugins Installs 3 paid

    plugins via mapped folder Maps in custom theme folder (own repo) Apache, PHP, MySQL Saturday, October 20, 12
  108. What’s it do? Installs 30 wordpress.org plugins Installs 3 paid

    plugins via mapped folders Maps in custom theme folder (own repo) Apache, PHP, MySQL Saturday, October 20, 12
  109. What’s it do? Installs 30 wordpress.org plugins Installs 3 paid

    plugins via mapped folder Maps in custom theme folder (own repo) Apache, PHP, MySQL Saturday, October 20, 12
  110. What does it REALLY do? Takes a complicated and time

    consuming process, and reduces it to a few minutes. Saturday, October 20, 12
  111. Vagrant http://vagrantup.com @mitchellh VeeWee https://github.com/jedi4ever/ veewee Git http://git-scm.com/ Ruby http://www.ruby-lang.org/

    Chef http://opscode.com @opscode https://github.com/opscode https://github.com/opscode- cookbooks Librarian https://github.com/ applicationsonline/librarian My Github Stuff https://github.com/lewg/ Saturday, October 20, 12