En Hidup Consulting nos hemos propuesto presentar con todos los honores una tecnología que ha nacido para revolucionar el mundo de la informática. Este será el primero de una serie de artículos mensuales con los que vamos a aprender a implementar esta apasionante tecnología que incluye «Phoenix 1.5» Llamada Phoenix live view. Como no podía ser de otra manera en el primer artículo de la serie nos centraremos en la instalación.
Phoenix live view #1 – Instalación:
Phoenix nos permite un gran número de opciones al crear un nuevo proyecto para este caso usaremos la opción «–live»:
El cual nos creará una aplicación phx con las estructura y dependencias necesarias. Y nos preguntará si queremos instalar las dependencias… esto es útil para no tener que hacerlo posteriormente, en el caso de que no vayamos a añadir más dependencias.
En este punto, hay que configurar la base de datos de la aplicación en config/dev.exs para el entorno de desarrollo.
Podemos comprobar que en el archivo router.ex llamó a otro plug para los flash, y nos creó, una ruta con plv.
Vamos a modificar primero el fichero lib/example_web/page_live.ex y modificamos la función mount. La cual es la primera función que plv ejecuta en la vista, se usa, para inicializar todo lo necesario. Y la modificamos para añadirle una variable que mostrar al visualizar la página.
Por defecto Phoenix te genera un buscador dinámico. El cúal es interesante de leer, para comprender mejor cómo funciona. Esto lo veremos más adelante, de momento, cambiaremos el contenido del fichero por lo siguiente:
Ahora nos vamos al fichero lib/example_web/page_live.html.leex. El cual contiene el html a generar, al visualizar la pagina. Cambiaremos su contenido por:
Ahora levantamos el servidor con:
Este comando nos levantará un servidor en local. con la ruta localhost:4000. Si la visitamos nos mostrará la web, con la variable que le hemos añadido.
Con esto, terminamos esta primera entrega que esperamos os haya sido de provecho. El mes que viene, veremos cómo realizar un reloj que se actualice de forma dinámica.
Ha sido un placer mostraros esta aproximación al fascinante lenguaje Phoenix espero seguir contando con vuestra atención en los próximos artículos. Si os ha parecido interesante o tenéis algún tipo de pregunta estaré encantado de responderla.
Dejad vuestros comentarios, y compartir con nosotros vuestras impresiones.
Gustavo Adolfo Mesa Roldán
Development Team Leader en Hidup. Pionero en la introducción de Phoenix y Elixir en nuestro País. Amante de las películas de "serie B" y webinars de codigos informáticos para desarrolladores inquietos.