Successfully reported this slideshow.
Your SlideShare is downloading. ×

Local development environment

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Upcoming SlideShare
Desktop Application In Linux
Desktop Application In Linux
Loading in …3
×

Check these out next

1 of 59 Ad

More Related Content

Advertisement

Similar to Local development environment (20)

More from John Dorner (20)

Advertisement

Recently uploaded (20)

Local development environment

  1. 1. Local Development John Dorner @jdorner
  2. 2. What is a Local Development Environment? A web server on your computer. A LAMP stack (Linux, Apache, MySql and PHP) http://developer.wordpress.org/themes/getting-started/setting-up- a-development-environment
  3. 3. Integrated Development Environment Source code editor Build automation tools Debugger Intelligent code completion Version Control Debugging Visual Studio Eclipse Vim NetBeans Xcode Sublime Text Komodo
  4. 4. Why do you need to develop locally? Test changes before you push them to the live server Have a copy or versions of your website stored on your computer Work offline PLAY
  5. 5. What are your options? XAMPP MAMP Free for 1; $59 for unlimited DesktopServer (serverpress.com) Free for < 4; $99.95 for unlimited WAMP
  6. 6. What are your options? Vagrant Varying Vagrant Vagrants (VVV) Trellis (https://roots.io/trellis/) PuPHPet https://puphpet.com/ Manually install apache, php, MySql… Others...
  7. 7. Which should you choose? ServerPress Easiest Automatically installs WP $99.95 for more than 3 MAMP Easy to install Best GUI XAMPP Easy to install Learning FREE Vagrant and VVV Easy on Mac Not as easy on Windows Multiple environments Best for developers
  8. 8. Windows IIS is running
  9. 9. Mac Version
  10. 10. Mac structure is a little different
  11. 11. Configuring Virtual Hosts C:XAMPPapacheconfhttpd.conf /Applications/XAMPP/etc/httpd.conf Use Notepad++, TextWrangler or any other text editor Remove # sign
  12. 12. Configuring Virtual Hosts Windows: C:xamppapacheconfextra httpd-vhosts.conf Mac: /Applications/XAMPP/etc/extra/ httpd-vhosts.conf <VirtualHost *:80> DocumentRoot "C:/xampp/htdocs/" ServerName localhost </VirtualHost> <VirtualHost *:80> DocumentRoot "C:/xampp/htdocs/wcavl" ServerName wcavl.local </VirtualHost> <VirtualHost *:80> DocumentRoot "/Applications/XAMPP/xamppfiles/htdocs/" ServerName localhost </VirtualHost> <VirtualHost *:80> DocumentRoot "/Applications/XAMPP/xamppfiles/htdocs/wcavl" ServerName wcavl.local </VirtualHost>
  13. 13. MAMP Configuration To create virtual hosts in MAMP: Edit C:MAMPconfapachehttpd.conf Remove comment before "Include conf/extra/httpd-vhosts.conf" # Virtual hosts # Include conf/extra/httpd-vhosts.conf
  14. 14. Which should you choose? ServerPress Easiest Automatically installs WP $99.95 for more than 3 MAMP Easy to install Best GUI XAMPP Easy to install Learning FREE Vagrant and VVV Easy on Mac Not as easy on Windows Multiple environments Best for developers
  15. 15. Vagrant Create and configure lightweight, reproducible, and portable development environments.
  16. 16. Installing Vagrant Follow instructions at: https://github.com/Varying-Vagrant-Vagrants/VVV When running step 6, install Xcode
  17. 17. https://www.virtualbox.org/wiki/Downloads
  18. 18. Windows 10 issues You may have to remove antivirus program. Avira and probably Kapersky You may have to download and install Git https://git-scm.com/
  19. 19. Download Virtual Box https://www.virtualbox.org/wiki/Downloads
  20. 20. Should install GIT On Windows… before step 6 From git bash or use git GUI

Editor's Notes

  • http://code.tutsplus.com/articles/how-to-setup-a-wordpress-development-environment-for-windows--wp-23365

  • From TopIDE Top IDE Index http://pypl.github.io/IDE.html
    Based on how often IDEs are searched on Google from Google Trends
  • Opinions - everyone has one and yours is the only one that doesn't stink.
  • Version 7.0.6 DID not work on Mac.
  • Version numbers are not for your operating system, but for the version of XAMPP and correspond to the version of PHP included.

    Download the one that is the same that is running on your host.
  • Open the downloaded Mac package
  • Windows
  • Only in Windows Version are you asked for language.
  • Issue when initially starting XAMPP on Windows 10 - Port 80 in use.

    You can disable it by going to Programs and Features. Click on Turn Windows features on or off. Uncheck Internet Information Services and also Internet Information Services Hostable Web Core if it is checked. Click OK to remove those applications.
  • Turn of Windows IIS
  • Read the HOW-TO Guides for setting up virtual hosts
  • These are the folders you will be going into to make configuration change
  • This is the root of the web server.
    You can replace it, but you will lose all the XAMPP How To Guides and tools.
  • Localhost -> How To Guides -> Configure Virtual Hosts
  • <directory "C:/users/John/Desktop/htdocs/wcavl/">
    Require all granted
    </directory>
    Fixed a 403 access denied error.
  • Create wcavl (or whatever you want to name it) folder in XAMPP/htdocs folder
    Create alias and move alias to your desktop or where ever you want it stored.
  • MAMP Free or Pro for $60
  • See: http://foundationphp.com/tutorials/vhosts_mamp.php for instructions.
  • Opinions - everyone has one and yours is the only one that doesn't stink.
  • Vagrant up the first time takes quite a while...
  • On Windows - run "vagrant up" from a command line with Administrator privileges.

×