Ce diaporama a bien été signalé.
Le téléchargement de votre SlideShare est en cours. ×

Set up dev environment

Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Chargement dans…3
×

Consultez-les par la suite

1 sur 34 Publicité

Plus De Contenu Connexe

Diaporamas pour vous (20)

Publicité

Similaire à Set up dev environment (20)

Plus récents (20)

Publicité

Set up dev environment

  1. 1. Setting up a Local Test Environment by David Cook iCourses-Ottawa http://www.icoursesottawa.com
  2. 2. Agenda <ul><li>Introduction </li></ul><ul><li>Why You Want a Development Environment </li></ul><ul><li>Requirements for a Development Environment </li></ul><ul><li>MAMP / WAMP / XAMPP Intro </li></ul><ul><li>MAMP / WordPress Install </li></ul><ul><li>WAMP / WordPress Install </li></ul><ul><li>XAMPP / WordPress Install </li></ul><ul><li>Migration from Development Environment to Live Environment Solutions </li></ul><ul><li>Questions </li></ul>
  3. 3. Why You Want a Development Environment <ul><li>Experimenting with New Features </li></ul><ul><li>Plugin Testing </li></ul><ul><li>Theme Testing </li></ul><ul><li>Plugin Design </li></ul><ul><li>Theme Design </li></ul><ul><li>Work-Offline </li></ul><ul><li>Client Review </li></ul><ul><li>Just Playing </li></ul><ul><li>Development & Migration </li></ul>
  4. 4. Requirements for Local Development Environment <ul><li>Install a local Server </li></ul><ul><li>(Mac: MAMP PC: XAMPP or WAMP) </li></ul><ul><li>Create a new Database </li></ul><ul><li>Download WordPress and extract new files. </li></ul><ul><li>Rename the wp-config-sample.php file to wp-config.php and update database details </li></ul><ul><li>Run wp--admin/install.php and follow WP install instructions. </li></ul>
  5. 5. MAMP / WAMP / XAMPP Intro <ul><li>M – Mac W - Windows </li></ul><ul><li>A – Apache Server A – Apache Server </li></ul><ul><li>M – MySQL M – MySQL </li></ul><ul><li>P – PHP P – PHP </li></ul><ul><li>X – X86 Machine (Mac/PC/Linux) </li></ul><ul><li>A – Apache Server </li></ul><ul><li>M – MySQL </li></ul><ul><li>P – PHP </li></ul><ul><li>P – Perl </li></ul>
  6. 6. MAMP / WordPress Install <ul><li>http://www.mamp.info/en/index.html </li></ul><ul><li>http://wordpress.org/ </li></ul>
  7. 7. <ul><li>Should See: </li></ul><ul><li>Apache – 8888 </li></ul><ul><li>MySQL – 8889 </li></ul>http://www.icoursesottawa.com
  8. 8. <ul><li>Click on the MySQL Tab </li></ul><ul><li>Click on Launch phpMyAdmin </li></ul>http://www.icoursesottawa.com
  9. 9. <ul><li>Create a new database called “wordpress” </li></ul><ul><li>Click on create </li></ul>
  10. 10. Open the wp-config-sample.php file with your favorite editor
  11. 11. Change DB_NAME to “ wordpress”Test Change DB_USER to “root” Change DB_PASSWORD to “root” Change DB_HOST to localhost:8889 Save as wp-config.php then drag it into the WordPress folder Delete wp-config-sample.php
  12. 12. Go to Applications Go to MAMP Open htdocs Copy your Unzipped WordPress file In Safari go to http://localhost:8888/wordpress/wp-admin/install.php
  13. 13. Enter Your Blog Title & Email WordPress will give you your admin and password Copy your Password and click login Put in your username and password Finished!
  14. 14. WAMP / WordPress Install <ul><li>http://www.wampserver.com/en/ </li></ul><ul><li>http://wordpress.org/ </li></ul>
  15. 15. Install WAMPServer <ul><li>Install the WAMPServer by clicking on the .exe file </li></ul><ul><li>Click on run </li></ul><ul><li>Click “yes” to upgrade/clean up install </li></ul><ul><li>Click “next” after you “accept the agreement” </li></ul><ul><li>Click next (to use default installation folder) </li></ul><ul><li>Click next (check boxes as desired) </li></ul><ul><li>Click “yes” to select browser discovered </li></ul><ul><li>Leave Localhost in SMTP and insert your email address, click next </li></ul><ul><li>Click Finish </li></ul>http://www.icoursesottawa.com
  16. 16. <ul><li>Download WordPress at http://wordpress.org/download/ </li></ul><ul><li>Left click on the semicircle on your taskbar. </li></ul><ul><li>Open up the www directory. </li></ul><ul><li>Drag the WordPress folder into the www directory. </li></ul>
  17. 17. <ul><li>Open PHPmyadmin from your wamp menu </li></ul><ul><li>Create a new Database ( ‘wordpress‘ or ‘blog‘ are good). Leave Collation. Click Create. </li></ul><ul><li>Click Go . </li></ul>
  18. 18. Change DB_NAME to “ wordpress”Test Change DB_USER to “root” Change DB_PASSWORD to “” Change DB_HOST to “ localhost: ” Save as wp-config.php then drag it into the WordPress folder Delete wp-config-sample.php
  19. 19. <ul><li>Put WordPress files in the root directory in the www directory folder. </li></ul><ul><li>Change index file to indexWAMP.php </li></ul><ul><li>Go to http://localhost/wp-admin/install.php </li></ul><ul><li>Follow install steps </li></ul>
  20. 20. Enter Your Blog Title & Email WordPress will give you your admin and password Copy your Password and click login Put in your username and password Finished!
  21. 21. XAMPP / WordPress Install <ul><li>http://www.apachefriends.org/en/xampp.html </li></ul><ul><li>http://wordpress.org/ </li></ul>
  22. 22. On Win 7, make sure you download the installer. I had problems with the zip files.
  23. 23. Double Click on the installer from your downloads file
  24. 24. Press OK here
  25. 25. Install
  26. 26. Click on the control panel. Start the Apache Server Start the MySql
  27. 27. Create new DB called “ wordpress_db ”
  28. 28. Create New User called “ wordpress_user ” Give a password (remember the password!!!)
  29. 30. define('DB_NAME', 'wordpress_db'); define('DB_USER', 'wordpress_user'); define('DB_PASSWORD', 'typeyourpasswordhere'); define('DB_HOST', 'localhost'); Save as wp-config.php then drag it into the WordPress folder Delete wp-config-sample.php
  30. 31. <ul><li>Put WordPress files in the root directory in the htdocs directory folder. </li></ul><ul><li>Go http://localhost/wordpress/wp-admin/install.php </li></ul><ul><li>Follow install steps </li></ul>
  31. 32. Enter Your Blog Title & Email WordPress will give you your admin and password Copy your Password and click login Put in your username and password Finished!
  32. 33. Migration to a Live Environment <ul><li>Backup everything </li></ul><ul><li>Change Dev URL </li></ul><ul><li>Export WordPress DB </li></ul><ul><li>Upload Local WordPress files to Live Site </li></ul><ul><li>Login to your cPanel, go to MySql, Create DB </li></ul><ul><li>Change wp-config.php information. </li></ul><ul><li>Add WP Database, Create new user w/all privileges </li></ul><ul><li>Upload your exported WP DB with PHPmyadmin. </li></ul><ul><li>Excellent detailed video on the process here: </li></ul><ul><li>http://www.youtube.com/watch?v=cM9Z8aQTCvQ </li></ul>
  33. 34. QUESTIONS David Cook iCourses-Ottawa http://www.icoursesottawa.com

Notes de l'éditeur

  • http://www.icoursesottawa.com
  • http://www.icoursesottawa.com
  • http://www.icoursesottawa.com
  • http://www.icoursesottawa.com
  • http://www.icoursesottawa.com
  • http://www.icoursesottawa.com
  • http://www.icoursesottawa.com
  • http://www.icoursesottawa.com
  • http://www.icoursesottawa.com

×