[Xamarin.Forms] Probando UI Sleutch

uisleuthIntroducción

Xamarin.Forms es un toolkit que crea una abstracción sobre la interfaz de usuario de Android, iOS y Windows Phone permitiendo desarrollarla una única vez con código C# o Extensible Application Markup Language (XAML). Actualmente tenemos disponibl Xamarin.Forms Previewer o lo que es lo mismo, una herramienta que nos permite visualizar en tiempo real cualquier cambio relacionado con el código XAML que define la UI. Sin embargo, existen grandes opciones que vienen de parte de la comunidad y que vienen a extender y ayudar a la experiencia disponible directamente en Visual Studio. De esta forma tenemos propuestas como Gorilla Player o como la herramienta que va a cubrir toda la atención de este artículo, UI Seuth.

UI Sleuth

UI Sleuth es una herramienta creada por Michael Davis actualmente disponible en fase Beta para Windows (próximamente disponible también para MacOS) que nos permite depurar nuestras aplicaciones Xamarin.Forms. Entre las principales características permite:

  • Conectar y manejar un dispositivo.
  • Ver el árbol de elementos que componen la UI.
  • Hacer prototipos de UI de forma rápida y sencilla.
  • Detectar errores de UI.

Podemos resumir las características en un inspector visual (UI) en tiempo real de aplicaciones Xamarin.Forms.

¿Y en comparación con otras herramientas?

Xamarin Previewer permite ver directamente la renderización de una página XAML en Visual Studio. La aplicación no corre en un emulador o dispositivo, es una aproximación visible directamente en el IDE.

Por otro lado, tenemos a Gorilla Player. Esta gran herramienta permite ver los cambios en el codigo XAML de una página en tiempo real en N emuladores o dispositivos. La aplicación no se encuentra en ejecución.

La instalación

Empezamos por el principio, realizar la instalación de la herramienta. Debemos accerder a la página de UI Sleuth, rellenar el formulario básico con nombre y correo (recuerda, se encuentra en fase beta, la clave actualmente es probar y reportar feedback!).

Página de la herramienta
Página de la herramienta

Tras rellenar el formulario, accedemos a la página de descarga.

Descargar la herramienta
Descargar la herramienta

Para instalar basta con hacer doble clic sobre el archivo descargado. La instalación es un proceso rápido y sencillo.

Instalando
Instalando

Los requisitos de la herramienta son:

  • Microsoft Windows 7+ 64bit
    Visual Studio 2012+
    Xamarin.Forms 2.0+
    Emulador Android 4.03+ o dispositivo
    Android SDK (opcional)

Preparar la solución para utilizar UI Sleuth

Tras instalar la herramienta debemos de preparar nuestra aplicación para poder ver cambios al vuelo. En el proyecto Android, debemos hacer clic secundario en Administrar paquetes NuGet…

Buscamos por “UISleuth.Android”:

Añadir paquete NuGet

Instalamos el paquete. A continuación, en la actividad principal, MainActivity.cs añadimos el siguiente código tras la llamada a LoadApplication:

#if DEBUG
UISleuth.Inspector.Init();
#endif

Todo listo!. Lanzamos la aplicación en un emulador o dispositivo real.

Conectando

Continuamos arrancando la herramienta UISleuth. Nos aparecerá un listado de emuladores o dispositivos conectados. Podemos conectar directamente pulsando el botón Connect.

Conectando

También podemos realizar un proceso de conexión manual utilizando la dirección IP del dispositivo.

Tras conectar, veremos la pantalla principal de la herramienta:

UISleuth

Tenemos:

  • Visual Outline: Este panel situado a la izquierda nos permite explorar el árbol visual que compone la interfaz de usuario.
  • History: Sencillo panel que guarda cada paso de cada movimiento realizado en la herramienta. También situado a la izquierda.
  • Properties (Attached Properties y Events): Panel muy importante y completo. Tenemos la posibilidad de gestionar de forma visual las propiedades y eventos de cada control que compone la UI.

Utilizando UI Sleuth

Vamos a utilizar la herramienta para crear una sencilla vista de Login. Desde la propia herramienta podemos añadir los elementos visuales que necesitamos. Vamos a utilizar:

  • StackLayout
  • Label
  • Entry
  • Button
Añadir nuevos elementos

Tras añadir los elementos, tenemos la posibilidad de editar todas sus propiedades:

Gestión de propiedades

A la hora de añadir diferentes elementos de la UI, tenemos la posibilidad de modificar, arrastrar y soltar dentro del árbol visual para modificar el Layout de la aplicación:

Reordenar elementos de la UI

E incluso, podemos probar la aplicación y ver una previsualización en la misma herramienta:

Probando la App!

En resumen

Seguimos esperando un editor visual que permite la construcción de interfaces de usuario de forma sencilla, arrastrando y soltando, etc. Sin embargo, cada vez tenemos más opciones disponibles para la edición y gestión de la UI de nuestras aplicaciones Xamarin.Forms. UI Sleuth permite ver cambios de una aplicación en ejecución, además de poder acceder a listado de controles para añadir, poder ver el árbol visual pudiendo hacer drag & drop en el mismo, etc. En breve llegarán más características (versión MacOS, soporte a listados, etc.). Sin duda, una opción más que interesante la de Michael Davis que seguro a muchos os gustará y que seguirá mejorando en próximos meses.

¿Y a ti que te parece la herramienta?

Más información

[VideoBlog] Una introducción a Visual Studio Mobile Center

Introducción

El pasado Microsoft Connect 2016, en San Francisco, se presentaba Visual Studio Mobile Center con el firme objetivo de convertirse en el centro de control de nuestras aplicaciones móviles. Mobile Center soporta tanto aplicaciones Xamarin como aplicaciones nativas con Java, Objective-C o Swift además de aplicaciones React Native.

Visual Studio Mobile Center
Visual Studio Mobile Center

Incluye los siguientes servicios:

  • Build: Integración y entrega continua.
  • Test: Pruebas automáticas en dispositivos reales.
  • Reporte de errores: Analíticas de errores en tiempo real.
  • Distribución: Despliegue a usuarios o grupos.
  • Analíticas: Métricas de uso.
  • Autenticación: Integración sencilla con métodos comunes.
  • EasyTables: Crear almacenamiento de forma muy rápida.

Un vistazo a Visual Studio Mobile Center

Ante una nueva herramienta con tantas posibilidades, ¿algo mejor que probarla y verla en video?

Tenéis el código fuente del ejemplo utilizado disponible en GitHub:

Ver GitHubRecordad que podéis dejar cualquier comentario, sugerencia o duda en los comentarios.

Más información

Concurso de Apps Xamarin

Introducción

Si hace escasamente un par de meses, tenía la gran oportunidad de participar en un curso gratuito de Xamarin con CampusMVP y Microsoft con la creación del contenido, ¿algo mejor aún para fomentar el uso y crecimiento de la comunidad?.

Concurso de Apps Xamarin

Todo puede ser, prepárate para el concurso de Apps Xamarin!. La mecánica es muy sencilla. Desarrolla tu App Xamarin utilizando Azure, tienes hasta el próximo 30 de Junio para enviar la App. Tras evaluar las aplicaciones, la ganadora recibirá un premio de 5000€ más acceso al curso de pago de Xamarin en CampusMVP. Del segundo clasificado al quinto, obtendrán 1000€ cada uno.

NOTA: En este concurso solo podrán participar personas físicas residentes en España.

Si ya has realizado el curso de Xamarin o si tu aplicación hace uso de ciertas tecnologías o viene a resolver problemas sociales como Bulling / cyberbulling, desempleo, corrupción, violencia de género, racismo, etc. obtendrás puntos extras que se tendrán en cuenta a la hora de evaluar.

Suena interesante, ¿verdad?.

Anímate a participar!

Más información

[VideoBlog] Testing de Apps Xamarin

Bug - 02Introducción

La calidad en el software es algo innegociable. Debemos entregar Apps móviles perfectamente adaptadas a cada plataforma, ofreciendo la mejor experiencia de usuario posible pero sobretodo, funcional. Una App funcional debe cubrir y cumplir unos mínimos exigentes de calidad.

Como desarrolladores, somo humanos y el código no estara libre de errores. Sin embargo, el proceso que apliquemos para la detección y corrección a los mismos, es vital.

Podemos crear dos tipos de pruebas diferenciadas:

  • Pruebas unitarias: Pruebas de pequeñas unidades funcionales de nuestra App. Utilizaremos NUnit para realizar estas pruebas unitarias generalmente de ViewModels, Helpers y Servicios.
  • Pruebas de interfaz de usuario: Pruebas sobre la interfaz de usuario, escritura en cajas de texto, pulsaciones de botones, etc. Utilizaremos Xamarin UITest para estas pruebas.

Creando Tests de Apps Xamarin

A continuación, utilizando como base una aplicación de una calculadora realizada en Xamarin.Forms, se muestra en video:

  1. Introducción al concepto de pruebas unitarias.
  2. Como crear pruebas unitarias a un proyecto Xamarin.
  3. Conceptos básicos necesarios de Xamarin.UITest.
  4. Crear proyecto de tipo Xamarin.UITest.
  5. Introducción a Xamarin Test Cloud.
  6. Lanzar pruebas de tipo UITest en Test Cloud.

Tenéis el código fuente del ejemplo utilizado disponible en GitHub:

Ver GitHub

Recordad que podéis dejar cualquier comentario, sugerencia o duda en los comentarios.

Más información

[Material] Containers y Xamarin everywhere!

El evento

El pasado Martes, 07 de Febrero en la E.T.S. Ingeniería Informática tenía lugar un evento de las comunidades, CartujaDotNet, grupo de usuarios .NET de Sevilla y SVQXDG, grupo de desarrolladores Xamarin de Sevilla aprovechando una visita a la Universidad de los chicos de Microsoft DX. El evento que tenía como título “Containers y Xamarin everywhere!” proponía una divertida tarde donde hacer una introducción a Containers y Docker de la mano de Diego Martínez y posteriormente una sesión sobre testing de Apps Xamarin de la mano de un servidor.

Containers
Containers

El material

He tenido la oportunidad de participar en una de las sesiones tratando la creación y mantenimiento de pruebas automáticas de aplicaciones Xamarin. Concretamente vimos:

  • Introducción al concepto de pruebas unitarias.
  • Como crear pruebas unitarias a un proyecto Xamarin.
  • Conceptos básicos necesarios de Xamarin.UITest.
  • Crear proyecto de tipo Xamarin.UITest.
  • Introducción a Xamarin Test Cloud.
  • Lanzar pruebas de tipo UITest en Test Cloud.
  • Introducción a Visual Studio Mobile Center.

La presentación:

En cuanto a las demos técnicas realizadas, las tenéis disponible en GitHub:

Ver GitHub

Quisiera terminar agradeciendo a Diego Martínez por su colaboración y sesión en el evento, a la E.T.S. Ingeniería Informática y al club .NET de la universidad por su ayuda y facilidades a la hora de disponer de sala y por supuesto a todos los asistentes.

Nos vemos en la próxima!

Más información

[VideoBlog] Novedades en la Preview 2 de Tizen.NET

tizen_logoIntroducción

El pasado Microsoft Connect 2016, en San Francisco, Samsung en colaboración con Microsoft anunciaba la primera versión en modo Preview de las herramientas Tizen para Visual Studio.

Las herramientas Tizen para Visual Studio facilitan emuladores, extensiones para Visual Studio con la posibilidad de tener IntelliSense y capacidades de depuración, se utiliza Xamarin.Forms para definir la interfaz de usuario, como ya hacíamos con iOS Y Android. De esta forma, Xamarin.Forms añade una nueva plataforma a la que dar soporte ampliando las posibilidades del mercado.

Tizen.NET Preview 2

Recientemente, se ha liberado la Preview 2 de Tizen.NET. Una actualización importante que añade una enorme cantidad de novedades con respecto a la priemera versión lanzado el pasado Noviembre.

Tizen.NET Preview 2
Tizen.NET Preview 2

Entre el conjunto de novedades más detacadas encontramos:

  • Soporte a TV: En la primera release se incluía el soporte a .NET Standard, Xamarin.Forms y APIs Tizen de móviles. Ahora se incluyen todo lo necesario para desarrollar aplicaciones para televisores.
  • Asistente de proyecto: Dado que ahora contamos con diferentes tipos de posibles proyectos (móviles y TV), al crear un nuevo proyecto para Tizen tendremos un sencillo asistente que nos permitirá configurar las opciones básicas.
  • Nuevas herramientas: Gestión de emuladores, administrador de certificados o editor de manifiesto. Se han añadido varias herramientas nuevas para permitir desarrollar aplicaciones de forma más sencilla.
  • Nuevas APIs: Incremento alto del conjunto de APIs Tizen soportadas con respecto a la Preview anterior. Entre las novedades encontramos uso de NFC, gestión y administración de multimedia, geofence, etc.

Ante tal conjunto de novedades, ¿algo mejor que verlas todas en video?

Más información

Un vistazo al Xamarin Partner Summit 2017 de Londres

xamarinpartnerIntroducción

Hace poco he tenido la oportunidad de asistir al Xamarin Partner Summit de Londres representando a Plain Concepts.

Xamarin Partner Summit

Estamos ante un evento de un día celebrado en múltiples lugares (Londres, Amsterdam y Silicon Valley) donde se reunen y agrupan los partners de Xamarin con el objetivo de facilitar la comunicación y el networking además de tener algunas sesiones técnicas e información relacionada con el programa.

Xamarin Partner Summit
Xamarin Partner Summit

Keynote

La Keynote del evento con Greg Urquhart se enfocó a analizar el mercado móvil actual. Con una previsión de más de 6 billones (OJO con b) de usuarios con teléfonos inteligentes en el mercado para el año 2020, el equivalente al 70% de la población mundial estamos ante un mercado lleno de posibilidades. Apps have won. Tras un repaso a la estrategia “Mobile first, Cloud first” llevada a cabo por Microsoft en los últimos años, se profundizó en el camino llevado a cabo hasta conseguir ser el mayor contribuidor de código Open Source de GitHub, la adquisión de Xamarin y la expansión de Azure.

Las sesiones técnicas avanzadas

Tras la Keynote podíamos elegir entre diferentes Tracks:

  • Negocio
  • Nivel medio técnico
  • Nivel avanzado técnico

A ser desarrollador y contar con experiencia en el desarrollo me aventuré a lanzarme al track de desarrollo técnico avanzado. Divida en dos partes, la primera parte fue un conjunto bastante interesante y diverso de puntos y consejos donde tuvimos a Colby Williams. Se trataron diversos puntos entre los que destacaría:

  • Ventajas e incoventienes de PCL vs Shared. Independientemente de favoritos, pros y contras, la clave es su uso en conjugación con buenas prácticas para poder compartir la mayor cantidad de código posible.
  • Reutilización de código. Uno de los puntos claves que se trataron fue la reutilización de código. Pero no reutilizar código entre diferentes plataformas en una misma aplicación. El factor que se trataba era reutilizar código entre diferentes aplicaciones. El beneficio de crear paquetes NuGet, versionar y reutilizar las versiones adecuadas en diferentes aplicaciones.
  • Olvidad el porcentaje. Suena extraño cuando durante mucho tiempo se ha utilizado el porcentaje de código compartido como signo de salud, buen hacer y ventajas del proyecto Xamarin. Colby indicó que de nada sirve compartir un poco más de código si esto afecta al rendimiento o complica el mantenimiento de la aplicación. Al final, el usuario final utiliza una aplicación este realizada como este realizada, la clave es poner el enfoque en la reutilización, rendimiento y mantenimiento. El porcentaje es una consecuencia, no el factor principal.
  • No reinventar la rueda. En muchas ocasiones se ven implementaciones similares o dudas sobre aspectos que se encuentran muy bien cubiertos. Conocer los plugins que aporta la propia Xamarin y la comunidad.

Es un pequeño extracto de una sesión donde también tuvimos tiempo para hablar de otros aspectos como la distribución y reutilización de librerías o Visual Studio Mobile Center.

La segunda parte de esta sesión se basó en una mesa redonda. Fue una “lluvia”  brutalmente interesante de puntos como, aspectos que necesita integrar Visual Studio Mobile Center para poder cubrir las posibilidades de VSTS Build + Xamarin Test Cloud + HockeyApp, rendimiento en aplicaciones con diferentes consejos y prácticas (Ojo a la suscripción a eventos sin posteriormente eliminar el event handler delegate), patrón MVVM y frameworks en combinación con aspectos relacionados con el rendimiento (bindings principalmente), etc.

En otras sesiones correspondiente a otros Tracks se vieron otros puntos o algunos similares desde otro punto de vista (no pude asistir, lo capté hablando con otros compañeros). Cabe destacar la mención especial a lo que se considera como otra gran oportunidad que llegará proximamente, la realidad aumentada / realidad virtual y realidad mixta.

Cierre y networking

Llegábamos a la parte final del evento con una Keynote de cierre. En este punto vimos los próximos pasos del programa de partners de Xamarin que pasará a ser MPN (Microsoft Partner Network) desde el próximo año fiscal (Julio). Repasamos ideas claves, próximos eventos y fin. Fin de las sesiones y llegada de un momento divertido de networking. Pude conocer a otros compañeros Microsoft y Xamarin MVP de otros países, otros desarrolladores Xamarin y las conversaciones fueron muy variadas y nutritivas. Vi alguna aplicación interesante, igualmente mostré algunas de las desarrolladas, etc.

Y hasta aquí!.

[VideoBlog] Nuevas plantillas Xamarin.Forms

Introducción

Las plantillas de proyectos así como de diferentes tipos de archivos son una necesidad básica y muy requeridos a la hora de arrancar un proyecto. En la última actualización de Xamarin, la versión RC del Cycle 9, nos encontramos con novedades en las plantillas de proyectos Xamarin.Forms:

Nuevas plantillas
Nuevas plantillas

Ahora al seleccionar la plantilla Cross Platform App disponible en la categoría Cross Platform, tenemos disponible un asistente que nos permite configurar el proyecto:

  • Entre utilizar Xamarin.Forms o Xamarin.Classic.
  • PCL o Shared.
  • Plantilla vacía o maestro detalle.
  • Añadir proyecto Azure Mobile App directamente.
Configuración del proyecto
Configuración del proyecto

Tras crear un proyecto Xamarin.Forms, podemos añadir nuevas páginas y tenemos novedades:

Nuevas plantillas de archivos
Nuevas plantillas de archivos

Ahora contamos con plantillas para crear nuevas páginas utilizando:

  • Mapas
  • Pestañas
  • Listado

Si añadimos una página de tipo listado:

Plantilla listado en ejecución
Plantilla listado en ejecución

No solo añade la vista, también una ViewModel asociada con datos FAKE.

ViewModel
ViewModel

Un vistazo en video

Suena interesante, ¿cierto?. Si te lo parece, no te pierdas el siguiente recorrido por las novedades en video.

Más información

[Evento Sevilla] Containers y Xamarin everywhere!

El evento

Aprovechando una visita a la Universidad de los chicos de Microsoft DX, ¿algo mejor que montar un evento de comunidad?. De esta forma tan sencilla nace Containers y Xamarin everywhere!.

Containers
Containers Everywhere!

Tendremos la siguiente agenda:

• 19:00h – 19:45h: Containers Everywhere. La evolución en el mundo de IT es constante, y si hace unos años comenzamos a utilizar las máquinas virtuales, estos ya se estas ya se están comenzando a quedar obsoletas para algunas tareas siendo remplazadas por los contenedores: entornos más ligeros y multiplataforma. En esta sesión veremos una introducción a estos y cómo usarlos en Windows y Microsoft Azure. Por Diego Martinez.

• 19:45h – 19:50h: Descanso.

• 19:50h – 20:35h: Testing de Apps Xamarin. La calidad en el desarrollo de aplicaciones móviles es innegociable. Ante un mercado que se mueve con suma rápidez contando con una enorme diversidad de dispositivos con factores de forma, resolución, tamaño de pantalla y caracterítiscas diferentes debemos de conocer como asegurar un buen comportamiento de la aplicación ante diferentes condiciones. En esta sesión vamos a ver como realizar pruebas unitarias y de UI de nuestras aplicaciones Xamarin. Además, conoceremos Xamarin Test Cloud y sus posibilidades. ¿Te apuntas?. Por Javier Suárez.

El lugar

El evento se celebrará en la ETS de Ingeniería Informática. Dirección detallada:

E.T.S. Ingeniería Informática – Universidad de Sevilla, Aula B1.32
Av. Reina Mercedes s/n
Sevilla Se 41012

ETS de Ingeniería Informática
ETS de Ingeniería Informática

La fecha

El evento tendrá lugar el próximo Martes, 07 de Febrero de 18:30h a 20:00h. Tendremos dos sesiones técnicas de 45 minutos de duración cada. Además contaremos con algún detalle entre los asistentes.

¿Te apuntas?

Más información

Integración continua de aplicaciones Xamarin con Bitrise

XamarinIntroducción

La calidad en el software es algo innegociable. Un buen proceso en el desarrollo y gestión del proceso es fundamental para conseguir ese objetivo. Debemos entregar Apps móviles perfectamente adaptadas a cada plataforma, ofreciendo la mejor experiencia de usuario posible pero sobretodo, funcional. Una App funcional debe cubrir y cumplir unos mínimos exigentes de calidad.

Como desarrolladores, somo humanos y el código no estara libre de errores. Sin embargo, el proceso que apliquemos para la detección y corrección a los mismos, es vital.

Realizar un proceso automático en cada nuevo checkin o de manera programada donde:

  • Compilar proyectos.
  • Pasar pruebas unitarias.
  • Pasar pruebas de interfaz de usuario.
  • Incluso publicar automáticamente paquetes y resultados.

Nos permitirá detectar problemas en el código de la forma más prematura posible, pudiendo ofrecer mayor calidad. Hablamos de procesos de integración continua y de entrega continua.

Integracion continua
Integracion continua

En artículos anteriores ya vimos como utilizar Team City o Visual Studio Team Services para realizar integración continua. En esta ocasión vamos a centrarnos en el uso de Bitrise.

Bitrise

Desde sus inicios (centrados en iOS), Bitrise se ha enfocado como una herramienta destinada a realizar integración y entrega continua de aplicaciones móviles teniendo en cuenta una enorme cantidad de integraciones con otras herramientas y servicios de terceros. Todo ello, con la sencillez y simpleza en mente.

Bitrise y aplicaciones Xamarin
Bitrise y aplicaciones Xamarin

Tras añadir soporte a aplicaciones Xamarin, se puede realizar la compilación, testing y distribución de aplicaciones Xamarin.iOS y Xamarin.Android con Bitrise.

NOTA: Como muchos otros servicios, Bitrise se basa en un modelo de suscripción mensual o anual con diferentes opciones y precios. Cuenta con una opción gratuita. La versión gratuita permite hasta 200 builds mensuales con soporte a Xamarin y más de 100 integraciones con servicios de terceros. La mayor limitación es que sólo permite la compilación de una única aplicación (concurrencia) de manera simultánea.

Integración Continua

La integración continua consiste en hacer integraciones automáticas de un proyecto lo más a menudo posible para así detector fallos cuantos antes.

Entendemos por integración la compilación y ejecución de pruebas.

WorkFlow

El flujo del proceso sería:

  1. El desarrollador trabaja en su equipo de desarrollo subiendo cambios al repositorio de código donde estaría el código además de las pruebas unitarias.
  2. De una forma automática, el repositorio de código envia el mismo al servidor de BUILD.
  3. El servidor de BUILD realizará la compilación de la solución o proyectos, ejecutará pruebas y recopilará la información de los resultados.
  4. Los resultados los obtiene el desarrollador para poder analizarlos y actuar en consecuencia.

“La integración continua no evitará que se produzcan bugs, pero si nos permite encontrarlos y solucionarlos de una forma dramáticamente más fácil”

Martin Flowler

Los beneficios de utilizar integración continua son:

  • Detectar errores con mayor rapidez y antelación. Esto provocará que sea más sencillo de corregir y por lo tanto más barato.
  • Consistencia. O lo que es lo mismo, tener Builds reproducibles. La App funcionará en cualquier entorno con las mismas condiciones. Evitamos la “contaminación de la Build” o lo que es lo mismo, tener la Build con parámetros “a fuego” y condiciones específicas de la máquina de Build.
  • Poder automatizar también la entrega consiguiendo una entrega continua.

Comenzamos añadiendo una nueva aplicación

Tras realizar el registro de forma gratuita y hacer Login:

Login
Login

Accedemos al Dashboard principal. Desde este apartado tendremos un vistazo rápido a todas las aplicaciones creadas y su estado, últimas noticias o acceder a la configuración.

Para añadir una nueva aplicación bastará con pulsar el botón Add:

Nueva aplicación
Nueva aplicación

Comenzamos con el proceso de creación de la aplicación. El primer paso consiste en indicar la dónde se encuentra el código fuente, es decir, el repositorio de la aplicación. Es posible configurar:

  • GitHub
  • Bitbucket
  • Gitlab
  • Cualquier otra opción con configuración manual estableciendo la URL de acceso y credenciales.

NOTA: Si la autenticación se realiza utilizando un proveedor de identificación de terceros como por ejemplo GitHub, el repositorio aparecerá configurado y listo para utilizar.

Repositorio
Repositorio

Para este artículo vamos a utilizar un repositorio correspondiente a una aplicación Xamarin.Forms meteorológica clonada de un repositorio original de James Montemagno.

Tras seleccionar el proyecto a utilizar se pide como paso el añadir una clave SSH al repositorio para facilitar la validación y acceso con los privileegios necesarios para completar todo el proceso de compilación.

Clave SSH
Clave SSH

Tras añadir la clave y completar el proceso de validación, podemos elegir la rama a utilizar la realizar la compilación.

Elegir rama
Elegir rama

Tras un pequeño proceso de validación (acceso al repo, clonado, elección de tipo de proyecto, etc.):

Proceso de validación
Proceso de validación

Automáticamente se detecta el tipo de proyecto aplicando la configuración idónea en cada caso, la elección de herramientas, tipo de compilación y plataforma:

Configuración del proyecto
Configuración del proyecto

NOTA: Es posible realizar una configuración detallada a mano de cada uno de los parámetros necesarios.

El siguiente paso que requiere configuración consiste en la creación de un webhook. El concepto es sencillo, se configuran una serie de triggers (disparadores) que desencaden una acción, generalmente compilar en base a unas condiciones. Las condiciones establecidas suelen ser:

  • Una fecha y hora establecida (Build programada).
  • Un commit.
  • Una Pull Request.
  • Etc.
Crear Webhook
Crear Webhook

Tras crear un Webhook (por defecto creado para lanzar la Build cada vez que se crea un nuevo commit a la rama), podemos lanzar nuestra primera Build. Bastará con pulsar el botón:

Build
Build

Comienza el proceso de integración continua configurado. En todo momento accedemos a feedback inmediato de cada acción realizada, logs, estados e incluso ver el flujo de acciones a ejecutar.

Compilando!
Compilando!

Al completar el proceso, por defecto, seremos notificados del resultado y la información relacionada con los paquetes vía correo. Además de poder descargar el paquete generado, podemos distribuirlo de forma sencilla enviando notificaciones a otros miembros pudiendo crear grupos, etc.

Paquete
Paquete

Llegados a este punto podemos comprobar como la sencillez buscada por la herramienta se traduce en conseguir de forma bastante rápida y “a tiro” de pocos clics un proceso de integración continua.

El editor de flujos de trabajos

Workflow
Workflow

El editor del flujo de trabajo (Workflow) permite mediante el uso de casillas, seleccionar diferentes procesos a realizar y ordenarnos secuancialmente en base al orden de ejecución deseado. Con todo el proceso anterior, conseguimos:

  1. Acceder al repositorio
  2. Descargar el código fuente
  3. Restaurar paquetes NuGets
  4. Compilar
  5. Crear los paquetes
  6. Desplegar los paquetes a Bitrise

Sin embargo, en ocasiones necesitaremos realizar más procesos de validación, testing o despliegue.

Nuevos pasos, integración con servicios

Al añadir un nuevo paso, tendremos acceso al listado de integraciones con herramientas y servicios de terceros disponibles.

Nuevo paso
Nuevo paso

De esta forma podemos añadir nuevos pasos, subir el paquete a HockeyApp y publicar un mensaje en Slack al terminar. Se puede ver un listado de todas las integraciones disponibles en este enlace.

Hasta aquí esta pequeña introducción a Bitrise. Suficiente para conocer sus posibilidades aunque nos faltan por ver la posibilidad de lanzar pruebas unitarias o Xamarin.UITest además de las opciones de distribución o publicación. Algo que veremos en próximos artículos. La herramienta se muestra como una opción sólida, integrada con las necesidades de Xamarin así como los servicios y herramientass habitualmente necesarios. Sin duda, me ha gustado bastante todo lo que he probado. Y a ti, ¿qué te parece?.

Más información