Making XAMPP and Dropbox friends

Nowadays it's usual to work with at least two computers, one personal in your house and the other at work, if you, like me, likes to leave the laptop empty excepting the cloud services, it useful telling the programs to share that file directories.

In this case, for example, we are going to set up XAMPP to use the htdocs and mysql folders which are in my dropbox directory, so when I make changes in my project webpage from one client, they are projected in all the PCs.

Let's start, open the XAMPP Control Panel

Once you have installed both XAMPP and dropbox, open the XAMPP control panel and click the config button in the apache section, annother click in httpd.conf

This will open notepad, search for "DocumentRoot", you will see:

DocumentRoot "C:/xampp/htdocs"


Replace with:

DocumentRoot "C:/Users/your_name/Dropbox/.../htdocs"
C:/Users/your_name/Dropbox/.../htdocs
">
Save changes, go to Control Panel again, and click on:

httpd-ssl.conf

Search for:

Replace this: DocumentRoot "C:/Program Files/xampp/htdocs"


To your dropbox folder:  "C:/Users/your_name/Dropbox/.../htdocs"

Save the file again.


OPTIONAL: do this if you intend to use databases in you page.
Again go to control panel and open "my.ini" in SQL, in the file, search for:

datadir
innodb_data_home_dir
innodb_log_group_home_dir

Change that 3 paths from  = "C:/xampp/mysql/data"

to: "C:/Users/YOUR NAME/Dropbox/mysql/data"

Save.

In the control panel click start on Apache / MySQL

Now you're able to change your pages from any dropbox of your own.