Tutorial de Subversion (SVN) para desarrollo Web

En el último Post comentaba las ventajas de usar un SVN para desarrollo de aplicaciones, a continuación veremos como sacar provecho a esta herramienta con este pequeño tutorial de uso de Subversion. Usaremos el IDE Eclipse para Php. (el tutorial esta hecho en Mac, pero existen versiones de eclipse para Windows y Linux) El tutorial esta hecho en 2 partes, la primera es la instalación y puesta a punto y la segunda un poco del uso del Svn, commits, etc. (la segunda parte aquí)

Instalando Eclipse (no ahondaremos mucho en el uso de Eclipse, solo lo básico)

• Vamos a el sitio: http://www.eclipse.org/downloads/packages/eclipse-php-developers/heliossr2 y descargamos la versión para nuestro sistema operativo.
• Descomprimimos el paquete y nos arrojara una carpeta que contiene la aplicación, debe verse de esta forma:

• Lo recomendable es copiar la carpeta eclipse a sus aplicaciones o carpeta de programas y listo, podemos ejecutar la aplicación Eclipse pueden crear accesos directos.
• Ejecutamos Eclipse y veremos el entorno de desarrollo:

• Ahora necesitamos instalar el Plugin para que tengamos soporte SVN, vamos a esta direccion http://subclipse.tigris.org/ y una vez estando en el sitio damos clic en “Download and Install” y buscamos la versión para Eclipse en este caso la mas reciente:

Copiamos la dirección, http://subclipse.tigris.org/update_1.6.x no damos clic en ella ya que el proceso de descarga e instalación se hace desde Eclipse.

• Ya con la dirección http://subclipse.tigris.org/update_1.6.x nos dirigimos a Eclipse y vamos al menú Help > Install New Software… damos clic y nos aparecera la siguiente ventana en la cual pondremos el sitio de subclipse.

• En esta ventana en el primer campo “Work with” pegamos la dirección de subclipse dando clic en el boton Add, le podemos poner un nombre a este sitio, puede ser Subclipse y damos OK.
• La ventana nos cargara el software que podemos instalar en una lista en forma de arbol, de la cual elegiremos tal como aparece en la imagen anterior y damos clic en Next.
• Eclipse calculara las dependencias necesarias y nos mostrara un resumen del software a instalar, ojo: nos pedira aceptar términos de licencia.

• Y damos clic en Finish, Eclipse descargara e instalara todo el software necesario y al finalizar pedira reiniciar Eclipse (si durante el proceso pide mas mensajes de confirmación o autorización los aceptaremos)
• Al reiniciar Eclipse estaremos listos para trabajar con SVN ahora viene lo más importante:

Tener un Repositorio SVN disponible

• Existen muchas opciones de repositorios Github, Google Code, etc. inclusive existen algunos con costo, dependiendo de nuestras necesidades elegiremos el adecuado, ya que muchos solo permiten el alojamiento de proyectos Open Source. Les recomendare el siguiente: http://www.riouxsvn.com/ el cual es un sitio de alojamiento de proyectos que permite tener repositorios comerciales y por lo tanto cerrados a los ojos del público de forma Gratuita, personalmente lo he usado y me ha funcionado bastante bien.
• Así que abran una cuenta en el sitio y una vez logeados verán la siguiente pantalla:

• Una ves adentro tenemos nuestro Dashboard el cual nos presentara un resumén de la última actividad de la cuenta y los repositorios que tengamos, vamos a crear nuestro primer repositorio:

• Ingresamos el nombre del Repositorio asi como el fragmento del url para identificarlo, Next step

• Podríamos importar datos de otro proyecto, en este caso iniciamos uno desde cero, Next step

• Damos permisos a usuarios, si tuvieramos mas usuarios que participan en el proyecto aquí es donde les dariamos privilegios (que esa es la idea de un repositorio SVN trabajo en equipo ) pero no se preocupen mas adelante pueden otorgar permisos a usuarios que se sumen al desarrollo. Damos clic en Set permissions

• Listo, damos clic en Confirm Creation y tendremos listo nuestro repositorio, este último paso nos regresara al Dashboard donde tendremos ya listado nuestro repositorio, damos clic en el y nos encontraremos en la siguiente pantalla:

• Esta pantalla se ira actualizando conforme vayamos creando archivos, podemos dar clic en la parte derecha en “Manage Team” para agregar usuarios y permisos al proyecto y el punto mas importante, en la barra del lado derecho tenemos la URL del SVN algo como: http://riouxsvn.com/svn/bensite <- aquí el nombre que eligieron para su repositorio.
• Copiamos esa url completa y regresamos a Eclipse para conectarnos a nuestro repositorio.
• En Eclipse damos clic en el menú File > New Project… y nos aparecera algo como:

• Gracias a que instalamos SVN nos aparece la carpeta SVN y de ahí elegimos “Checkout Projects from SVN” y damos clic en Next
• Nos aparecera la siguiente pantalla en la cual elegiremos “Create a new repository location” y damos next

• Al dar clic en siguiente nos solicitara el url del repositorio, ahi pegamos el url de riouxsvn

• A continuación nos solicitara autentificarnos, así que ingresaremos nuestro username y password de nuestra cuenta de riouxsvn.com

• Damos clic en OK y Eclipse nos traera el repositorio, seleccionamos el nodo padre (el url) y damos clic en Next

• Se nos presentara la siguiente pantalla en la cual nos preguntara que hacer con los archivos, seleccionamos la opcion “Check out as project in the workspace” con ello decimos que se creara una carpeta en nuestras carpetas de trabajo configuradas en Eclipse y ahi se descargara el proyecto, las demas opciones las dejamos como se muestra a continuacion y damos clic en next.

• Se nos pedira la ruta de trabajo en este caso yo tengo configurado Eclipse hacia mi wwwroot de WAMP server, uds pueden elegir su carpeta publica del servidor que usen si es que tienen, o la carpeta que gusten.

• Damos clic en Finish y Listo tendremos el proyecto via SVN en nuestra PC (les aparecera un mensaje que dice que al parecer estamos recuperando el proyecto, etc… damos clic en Yes)
• Tendremos ahora en nuestro entorno el proyecto del lado izquierdo y las carpetas por default que nos creo el repositorio, ahora estamos listos para codificar, crearemos nuestros archivos en la carpeta trunk.

la segunda parte aquí