WebMatrix parte 9–Publicando nuestro sitio

Hemos recorrido mucho desde nuestros comienzos creando simples archivos HTML. Aprendimos como aplicar estilos y hasta desarrollamos un sitio totalmente dinámico con bases de datos ‘por atrás’, generándose en el servidor y luego enviándose las páginas al cliente.

Aún siendo que nuestra aplicación fue muy sencilla, es la base sobre la cual una aplicación web completa hecha en ASP.NET y WebMatrix estará basada. Así de simple!

Buscando un proveedor de hosting.

Todavía nos queda un paso, y es que nadie podrá visitar nuestro sitio si no lo publicamos en algún lado, no?

WebMatrix incluye una galería de proveedores de hosting seleccionados, basta con ir a “Sitio” y veremos una imagen como la siguiente

Alternativamente podemos ir directamente a http://www.microsoft.com/web/hosting y buscar un hosting que nos resulte conveniente dentro de una basta variedad.

Registrándonos en Cytanium

En este capítulo, vamos a usar Cytanium, porque tienen una oferta de hosting GRATUITO para WebMatrix.

Solo tenemos que visitar su sitio web y buscar el botón “Free signup” (Registrarse gratis!)

Nos harán preguntas muy elementales, y ya estamos!

 

Configurando WebMatrix para publicar en Cytanium

Luego de clickear “Register”, recibimos un email desde noreply@cytanium.com. Buscamos dentro de este email una sección titulada “WebMatrix – Web Deploy (Preferred)”, va a tener la siguiente apariencia

Y en nuestro WorkSpace en WebMatrix buscamos el botón “Publicar”, o “Publish” y lo bajamos en inglés . Desplegamos y vamos a “Configuraciones” (Settings).

Se nos va a abrir algo mas o menos como la imagen siguiente, donde completaremos los campos con la información que recibimos del email del cual acabamos de hablar

Clickeamos “Validar conexión” (Validate connection) para asegurarnos de que no nos equivocamos

Si todo va bien deberíamos ver la confirmación de que no hubo problemas, como vemos arriba.

Guardamos los cambios de configuración y salimos para clickear en “Publicar” (Publish) como se aprecia a continuación, ya casi estamos!

Vamos a ver un “preview” de lo que estamos publicando, donde WebMatrix determina los cambios en el sitio y lo que se va a terminar por publicar. Dependiendo de lo que hayamos hecho recientemente, puede ser que se vean diferentes estados, pero no es para preocuparse, simplemente asegurémonos de que todo lo que hayamos modificado esté checkeado, ejemplo:

Cuando hagamos click en “Continuar” (Continue) se dará comienzo al proceso de publicación. Cuando todo esté terminado, se nos avisará y pondrá a disposición una URL para “ir a ver” como quedó.

 

Usando las configuraciones de publicación

Quizás hayas notado en el formulario de configuraciones de publicación, que podemos “Importar” las configuraciones. Algunos proveedores de hosting nos envían un documento que contiene las configuraciones ya pre-establecidas para hacer este proceso todavía mas sencillo.

Para hacer esto, simplemente clickeamos “Importar configuraciones de publicación” (Mas probablemente nos llegue como “Publish Settings”, y si nuestro WebMatrix está en inglés será “Import Publish Settings”), buscamos el archivo que recibimos por email (previamente guardado en el disco rígido), y listo, cuando lo abrimos, WebMatrix va a leer toda la configuración que necesite incluyendo las conexiones a la/s base/s de datos.

 

Viendo nuestro sitio online

Si clickeamos la URL que nos mostró WebMatrix cuando terminó de publicar, vamos a ver el sitio “andando” ya en internet. Si llegamos a ver un cartel diciendo “Website Coming Soon”, lo mas probable es que sea porque todavía no tenemos una página por defecto establecida. Por ahora simplemente seleccionamos la URL y agregamos /dataMovies.cshtml al final, por ejemplo:

http://laurencemoro02.webmatrix01.cytanium.com/dataMovies.cshtml

(Por supuesto que la primera parte de SU sitio va a ser diferente, según el usuario)

Hecho esto, vamos a ver por fin nuestro sitio ‘up and running’ en vivo y en directo desde internet!

Nuestro sitio está 100% funcional por lo que podemos hacer todo lo que hicimos cuando lo estábamos probando. Por ejemplo, probemos agregar una película

 

Sincronizando nuestros sitios

Esto podría volverse interesante. El tema es que ahora tenemos dos sitios separados, uno “Online” y otro “Offline”. El que está “Online” ahora (que acabamos de agregar una película) tiene una película nueva en la BD que el que se quedó “abajo” no tiene.

Por suerte, WebMatrix nos da una mano a la hora de sincronizar nuestros sitios ante estos escenarios. “Descargar el sitio publicado” (Download Published Site). Por ejemplo, aquí tenemos la versión “Local” (Offline) andando:

Es evidente que no tiene la 6ta película que acabamos de agregar, si publicamos esto así como está, vamos a sobreescribir (y perder) los cambios que se realizaron en el servidor. Para esto clickeamos “Descargar Sitio Publicado”

Ahora, WebMatrix se dará cuenta de cuales son los archivos que fueron modificados en el servidor y nos permitirá descargarlos, incluso la base de datos.

Seleccionamos y des-seleccionamos según nuestro propio criterio (si tenemos alguno, también podemos descargar todo lo que se modificó), clickeamos “Continuar” y el procedimiento será similar al de “Publicar”. Nos enteraremos cuando termine.

Ahora, si volvemos a correr el sitio “Localmente”, vamos a ver todos los datos que la versión “Online” tenía al momento de la descarga.

 

Resumen

¡Ya estamos! Hemos creado nuestro sitio web usando WebMatrix. Empezamos desde un HTML estático y muy básico y terminamos con un sitio basado en bases de datos capaz de actualizar, borrar o modificar registros (el famoso ABM, altas bajas y modificaciones) que funciona en internet. También vimos como mantener nuestras “versiones” sincronizadas.

Ya estás adentro del mundo del desarrollo web, bienvenido ! Si querés aprender mas sobre WebMatrix, siempre podés visitar http://web.ms/webmatrix

Tweet