Como compartir un Proyecto Web con Xampp y Dropbox

Htdocs es la carpeta en donde se dejan las páginas web de php. Suele pasar que los proyectos web se hacen en forma compartida, no solo 1 persona modifica las páginas sino que varias personas son las que programan el sitio web. Esto se puede dar mucho en la Universidad en la que se necesita programar varias partes del proyecto en forma simultánea.

Para poder realizar esto de la forma más rápida y sencilla posible, podemos utilizar 2 herramientas gratuitas para poder realizar esto… Xampp (servidor de apache con múltiples herramientas, lo utilizaremos en este caso) y Dropbox.

Primer Paso.

Primero se tienen que instalar estas dos herramientas, se puede descargar gratuitamente en sus sitios oficiales, en el caso de Dropbox primero es necesario crearse una cuenta, todos los miembros del grupo deben crear una en el caso de que no tengan.

En cuanto a Xampp es necesario que se inicie el servidor de apache (lo pueden hacer desde el “XAMPP Control Panel), y luego se ingrese a la página localhost.

Dentro de las opciones del localhost que muestra Xampp, está la sección PHP en donde hay un link para poder ver el phpinfo() (información de la configuración que tiene el servidor de php).

En esa página se debe buscar lo siguiente:

Server Root

Cuando lo encuentren, ingresen a la ruta que aparece ahí, por ejemplo:

C:/xampp/apache

Como segundo paso configurar la carpeta en Dropbox. 

Ingresar a la página de dropbox con su cuenta. Aparecerá el listado de las carpetas que están creadas. En la parte superior derecha podrán ver una serie de iconos, uno de ellos se llama “Compartir Carpeta..”(Una carpeta con arcoíris.).

Se abrirá un asistente (tipo wizards), elegir la primera opción, “crear y compartir una nueva carpeta”, luego de pinchar siguiente les preguntara como se llamara la carpeta (en este caso le puse htdocs). Como último paso el asistente pedirá los nombres de los miembros del grupo (es necesario tener la cuenta creada).
Inmediatamente el programa de dropbox instalado en el PC, mostrara un aviso indicando que la carpeta fue creada y que esta compartida.

Tercer Paso (y último), configuración de Xampp.

Previamente había pedido ingresar a la ruta donde se encuentra instalado del servidor apache. Dentro de la carpeta de apache se encuentra la carpeta “conf”, entrar en ella y abrir el archivo llamado “httpd.conf”. Para abrirlo pueden utilizar el editor de texto por defecto que tengan (en mi caso Notepad ++).

Buscar dentro del archivo “DocumentRoot”. Cuando lo encuentren, se darán cuenta que aparece la ruta del htdocs por defecto de Xampp.

Cambiar la ruta que aparece ahí por la ruta completa en donde está ubicada la carpeta de dropbox, por ejemplo:

DocumentRoot "C:/Users/Desarrollo/Dropbox/htdocs"

Justo debajo de DocumentRoot, se encuentra un tag llamado directory y dentro de el también está la ruta de su htdocs, cambiar a la misma ruta que se encuentra su carpeta de dropbox. Por ejemplo:

Finalmente guardar los cambios y reiniciar el servidor de apache.

Cuando inicien nuevamente el servidor ingresen a localhost y aparecerá la página que están programando.
Después de eso solo les queda trabajar en su proyecto, todos podrán ver los cambios que se realizan pudiendo avanzar más rápido en el proyecto.