SlideShare a Scribd company logo
1 of 8
Download to read offline
Vicente G. Guzman Lucio
Xamarin Student Ambassador
Xamarin.Android y Microsoft Azure
El día de hoy les quiero compartir un pequeño tutorial de cómo utilizar un servicio móvil
de Microsoft Azure en una aplicación Xamarin, específicamente para Android (funciona
igual para la plataforma iOS), para esto deberemos de seguir los siguientes pasos:
Creando un nuevo servicio móvil…
1.- Comencemos iniciando sesión en el Portal de la Administración. En la parte inferior del
panel de navegación, hagamos clic en + NUEVO. Naveguemos de la siguiente manera:
PROCESO – SERVICIO MOVIL – CREAR
2.- En el cuadro de diálogo “Crear un servicio móvil”, escribamos un nombre de
subdominio para el nuevo servicio móvil en el cuadro de texto URL, en cuanto a la BD,
seleccionemos: Crear una base de datos SQL de 20 MB gratuita, el tiempo de ejecución:
JavaScript, después hagamos clic en el botón de flecha hacia la derecha para ir a la página
siguiente.
Vicente G. Guzman Lucio
Xamarin Student Ambassador
[AZURE.NOTE]
Como parte de este aprendizaje, se creará una nueva instancia de base de datos SQL y el
servidor. Cabe mencionar que si ya tiene una base de datos en la misma región que el
nuevo servicio móvil, en su lugar puede elegir “Utilizar base de datos existente” y
seleccione la base de datos.
Importante: El uso de una base de datos en una región diferente, no se recomienda,
debido a los costos de ancho de banda adicional.
Vicente G. Guzman Lucio
Xamarin Student Ambassador
Ya en la segunda pestaña, en Nombre, escribamos el nombre de la nueva base de datos,
así como el nombre de inicio de sesión del servidor, que es el nombre de inicio de sesión
de administrador para el nuevo servidor de base de datos SQL, escriba y confirme la
contraseña, y haga clic en el botón de verificación para completar el proceso.
Ya con esto hemos creado un nuevo servicio móvil que puede ser utilizado por cualquiera
de sus aplicaciones móviles.
Vicente G. Guzman Lucio
Xamarin Student Ambassador
Creando una nueva aplicación - Xamarin.Android
Una vez completado lo anterior, procederemos a crear una nueva aplicación o modificar
una aplicación existente para conectarse al servicio móvil, para esto en el Portal de
Administración, deberemos de hacer clic en “Servicios Móviles” y, a continuación, dar clic
en el servicio móvil que acabamos de crear.
Después deberemos de elegir la plataforma, la cual será en este caso: Xamarin, al hacer
clic, se ampliara y nos mostrara dos opciones, seleccionaremos la primera, para después
poder visualizar los tres sencillos pasos para crear una aplicación conectada al servicio
móvil.
Vicente G. Guzman Lucio
Xamarin Student Ambassador
3.- Si aún no cuentas con las herramientas ya sea para Windows o OS X, no te preocupes
podrás descargarlas como primer paso, si tienes una MAC, deberás de instalar la versión
más reciente (Xcode 6.0 +) y Xamarin Studio, aunque yo prefiero Visual Studio.
4.- Después de esto, procederemos a dar clic en “Crear tabla TodoItem” para crear una
tabla para almacenar datos de la aplicación.
5.- Ya realizado lo anterior, en el tercer paso: Descargar y ejecutar la aplicación, hagamos
clic en Descargar, pero seleccionando previamente la plataforma de Android.
Esta descarga contiene el proyecto en donde se muestra una lista que está conectada al
servicio móvil y hace referencia al componente Azure Mobile Services para
Xamarin.Android.
Vicente G. Guzman Lucio
Xamarin Student Ambassador
Ejecutando mi nueva aplicación Xamarin.Android
La etapa final de este tutorial es para construir y ejecutar la nueva aplicación.
1.- Primeramente vayamos a la ubicación donde se guardó el proyecto comprimido,
después se deberán de descomprimir los archivos en el ordenador para posteriormente
abrir el archivo de solución demotodolist001.sln (el nombre varía según tu selección
previa) usando Xamarin Studio o Visual Studio.
2.- Pulsemos el botón Ejecutar para generar el proyecto y comenzar la aplicación en el
emulador de Android (funciona igual en un iPhone) o en un dispositivo.
-En caso de encontrar algún problema o detalle con las referencias, solo deberemos de
actualizarlas para que se vuelvan a añadir.
Vicente G. Guzman Lucio
Xamarin Student Ambassador
3.- Ya en la aplicación, podemos ingresar cualquier texto, para después hacer clic en el
botón de agregar (Add).
Esto envía una solicitud POST al nuevo servicio móvil alojado en Azure, los datos de la
solicitud se insertan en la tabla todoitem. Los elementos almacenados en la tabla son
devueltos por el servicio móvil, y los datos se muestran en la lista.
4.- De vuelta en el Portal de Administración, hagamos clic en la ficha Datos y luego en la
tabla de artículos de todoitem.
Vicente G. Guzman Lucio
Xamarin Student Ambassador
Esto nos permite examinar los datos insertados por la aplicación en la tabla.
Y bueno, ya con esto hemos terminado este pequeño tutorial, cualquier inquietud o
problema, favor de hacérmelo saber, hasta la próxima!!
Recursos:
Mobile Services | Android Player Emulator |

More Related Content

What's hot

What's hot (15)

Primeros pasos-en-power-point-2007
Primeros pasos-en-power-point-2007Primeros pasos-en-power-point-2007
Primeros pasos-en-power-point-2007
 
Programa 12
Programa 12Programa 12
Programa 12
 
Como insertar imagen
Como insertar imagenComo insertar imagen
Como insertar imagen
 
Programa 6(Calculadora con Spinner)
Programa 6(Calculadora con Spinner)Programa 6(Calculadora con Spinner)
Programa 6(Calculadora con Spinner)
 
Presentaciones
PresentacionesPresentaciones
Presentaciones
 
Como insertar una imagen en eclipse java
Como insertar una imagen en eclipse javaComo insertar una imagen en eclipse java
Como insertar una imagen en eclipse java
 
Codemotion 2015: UI Tests, Test Cloud y CI con Apps Xamarin
Codemotion 2015: UI Tests, Test Cloud y CI con Apps XamarinCodemotion 2015: UI Tests, Test Cloud y CI con Apps Xamarin
Codemotion 2015: UI Tests, Test Cloud y CI con Apps Xamarin
 
dremweaver
dremweaverdremweaver
dremweaver
 
1 manual arregloo
1 manual arregloo1 manual arregloo
1 manual arregloo
 
PRACTICA "HOLA MUNDO"
PRACTICA "HOLA MUNDO"PRACTICA "HOLA MUNDO"
PRACTICA "HOLA MUNDO"
 
Manual de ftp
Manual de ftpManual de ftp
Manual de ftp
 
Blog presentación
Blog presentaciónBlog presentación
Blog presentación
 
Programa 1 Móviles
Programa 1 Móviles Programa 1 Móviles
Programa 1 Móviles
 
Manual de ftp
Manual de ftpManual de ftp
Manual de ftp
 
Manual de prezi
Manual de preziManual de prezi
Manual de prezi
 

Similar to Xamarin.Android & Microsoft Azure

Manual de aplicación movil
Manual de aplicación movilManual de aplicación movil
Manual de aplicación movilLu Martinez
 
Manual de instalacion sql server y visual studio
Manual de instalacion sql server y visual studioManual de instalacion sql server y visual studio
Manual de instalacion sql server y visual studiojhunior lopez rodriguez
 
Mejora tu productividad creando aplicaciones de Slack
Mejora tu productividad creando aplicaciones de SlackMejora tu productividad creando aplicaciones de Slack
Mejora tu productividad creando aplicaciones de SlackAlexandra N. Martinez
 
CÓMO INSTALAR DROIDCAM (Paso a paso)
CÓMO INSTALAR DROIDCAM (Paso a paso)CÓMO INSTALAR DROIDCAM (Paso a paso)
CÓMO INSTALAR DROIDCAM (Paso a paso)Saskia Corrales
 
App inventor
App inventorApp inventor
App inventorRoyer T
 
Manual de Instalación y funcionamiento del programa nominasol 2014
Manual de Instalación y funcionamiento del programa nominasol 2014Manual de Instalación y funcionamiento del programa nominasol 2014
Manual de Instalación y funcionamiento del programa nominasol 2014fernandomarcocalles
 
Hands on Lab: Construyendo un lector RSS con AppMakr y publicando en el Marke...
Hands on Lab: Construyendo un lector RSS con AppMakr y publicando en el Marke...Hands on Lab: Construyendo un lector RSS con AppMakr y publicando en el Marke...
Hands on Lab: Construyendo un lector RSS con AppMakr y publicando en el Marke...Sorey García
 
Fortifica tu Wordpress con Latch
Fortifica tu Wordpress con LatchFortifica tu Wordpress con Latch
Fortifica tu Wordpress con LatchJorge Cacho
 
Trabajo de NTICS II
Trabajo de NTICS IITrabajo de NTICS II
Trabajo de NTICS IImarco_acuna
 
Practica de Domotica con Logo! de Siemens
Practica de Domotica con Logo! de SiemensPractica de Domotica con Logo! de Siemens
Practica de Domotica con Logo! de Siemensxendika2
 
Skydrive -manual_basico
Skydrive  -manual_basicoSkydrive  -manual_basico
Skydrive -manual_basicoDiego Gonzales
 

Similar to Xamarin.Android & Microsoft Azure (20)

Manual de aplicación movil
Manual de aplicación movilManual de aplicación movil
Manual de aplicación movil
 
Integrando publicidad de AdDuplex en WP8.1
Integrando publicidad de AdDuplex en WP8.1Integrando publicidad de AdDuplex en WP8.1
Integrando publicidad de AdDuplex en WP8.1
 
Manual de instalacion sql server y visual studio
Manual de instalacion sql server y visual studioManual de instalacion sql server y visual studio
Manual de instalacion sql server y visual studio
 
Mejora tu productividad creando aplicaciones de Slack
Mejora tu productividad creando aplicaciones de SlackMejora tu productividad creando aplicaciones de Slack
Mejora tu productividad creando aplicaciones de Slack
 
CÓMO INSTALAR DROIDCAM (Paso a paso)
CÓMO INSTALAR DROIDCAM (Paso a paso)CÓMO INSTALAR DROIDCAM (Paso a paso)
CÓMO INSTALAR DROIDCAM (Paso a paso)
 
Integrando publicidad de AdMob en WP 8.0
Integrando publicidad de AdMob en WP 8.0Integrando publicidad de AdMob en WP 8.0
Integrando publicidad de AdMob en WP 8.0
 
Desarrollo de aplicaciones adroid
Desarrollo de aplicaciones adroidDesarrollo de aplicaciones adroid
Desarrollo de aplicaciones adroid
 
Manual aplicacion movil
Manual aplicacion movilManual aplicacion movil
Manual aplicacion movil
 
Orientación para facebook
Orientación para facebookOrientación para facebook
Orientación para facebook
 
App inventor
App inventorApp inventor
App inventor
 
Manual de Instalación y funcionamiento del programa nominasol 2014
Manual de Instalación y funcionamiento del programa nominasol 2014Manual de Instalación y funcionamiento del programa nominasol 2014
Manual de Instalación y funcionamiento del programa nominasol 2014
 
Manual aplicacion movil
Manual aplicacion movilManual aplicacion movil
Manual aplicacion movil
 
App machine
App machineApp machine
App machine
 
Hands on Lab: Construyendo un lector RSS con AppMakr y publicando en el Marke...
Hands on Lab: Construyendo un lector RSS con AppMakr y publicando en el Marke...Hands on Lab: Construyendo un lector RSS con AppMakr y publicando en el Marke...
Hands on Lab: Construyendo un lector RSS con AppMakr y publicando en el Marke...
 
Fortifica tu Wordpress con Latch
Fortifica tu Wordpress con LatchFortifica tu Wordpress con Latch
Fortifica tu Wordpress con Latch
 
Doc.movil
Doc.movilDoc.movil
Doc.movil
 
Trabajo de ntics ii
Trabajo de ntics iiTrabajo de ntics ii
Trabajo de ntics ii
 
Trabajo de NTICS II
Trabajo de NTICS IITrabajo de NTICS II
Trabajo de NTICS II
 
Practica de Domotica con Logo! de Siemens
Practica de Domotica con Logo! de SiemensPractica de Domotica con Logo! de Siemens
Practica de Domotica con Logo! de Siemens
 
Skydrive -manual_basico
Skydrive  -manual_basicoSkydrive  -manual_basico
Skydrive -manual_basico
 

More from Vicente Gerardo Guzman Lucio

Bienvenido .Net MAUI - la evolución de Xamarin.Forms
Bienvenido .Net MAUI - la evolución de Xamarin.FormsBienvenido .Net MAUI - la evolución de Xamarin.Forms
Bienvenido .Net MAUI - la evolución de Xamarin.FormsVicente Gerardo Guzman Lucio
 
Consumiendo un servicio externo con Axios en Alexa
Consumiendo un servicio externo con Axios en AlexaConsumiendo un servicio externo con Axios en Alexa
Consumiendo un servicio externo con Axios en AlexaVicente Gerardo Guzman Lucio
 

More from Vicente Gerardo Guzman Lucio (20)

GPPB2024 - Integrando ChatGPT en Power Automate
GPPB2024 - Integrando ChatGPT en Power AutomateGPPB2024 - Integrando ChatGPT en Power Automate
GPPB2024 - Integrando ChatGPT en Power Automate
 
Introducción a Amazon Alexa.pptx
Introducción a Amazon Alexa.pptxIntroducción a Amazon Alexa.pptx
Introducción a Amazon Alexa.pptx
 
Creando un Chatbot en C# con ChatGPT.pdf
Creando un Chatbot en C# con ChatGPT.pdfCreando un Chatbot en C# con ChatGPT.pdf
Creando un Chatbot en C# con ChatGPT.pdf
 
ChatGPT & Alexa.pptx
ChatGPT & Alexa.pptxChatGPT & Alexa.pptx
ChatGPT & Alexa.pptx
 
Bienvenido .Net MAUI - la evolución de Xamarin.Forms
Bienvenido .Net MAUI - la evolución de Xamarin.FormsBienvenido .Net MAUI - la evolución de Xamarin.Forms
Bienvenido .Net MAUI - la evolución de Xamarin.Forms
 
Conectando un Azure Bot con una Alexa Skill
Conectando un Azure Bot con una Alexa SkillConectando un Azure Bot con una Alexa Skill
Conectando un Azure Bot con una Alexa Skill
 
Azure DevOps y Blazor Web Assembly
Azure DevOps y Blazor Web AssemblyAzure DevOps y Blazor Web Assembly
Azure DevOps y Blazor Web Assembly
 
Desarrollo de Interfaces de Voz: Alexa Skills
Desarrollo de Interfaces de Voz: Alexa SkillsDesarrollo de Interfaces de Voz: Alexa Skills
Desarrollo de Interfaces de Voz: Alexa Skills
 
Blazor vs VUE
Blazor vs VUEBlazor vs VUE
Blazor vs VUE
 
Introducción a Blazor
Introducción a BlazorIntroducción a Blazor
Introducción a Blazor
 
Infraestructura como Código en Azure
Infraestructura como Código en AzureInfraestructura como Código en Azure
Infraestructura como Código en Azure
 
Diseño de Experiencias de Voz con Amazon Alexa
Diseño de Experiencias de Voz con Amazon AlexaDiseño de Experiencias de Voz con Amazon Alexa
Diseño de Experiencias de Voz con Amazon Alexa
 
Alexa Skill con .NETCore & AWS Lambda
Alexa Skill con .NETCore & AWS LambdaAlexa Skill con .NETCore & AWS Lambda
Alexa Skill con .NETCore & AWS Lambda
 
Skills Nights - Vol.III - Primeros Pasos
Skills Nights - Vol.III - Primeros PasosSkills Nights - Vol.III - Primeros Pasos
Skills Nights - Vol.III - Primeros Pasos
 
¿Qué es la Nube?
¿Qué es la Nube?¿Qué es la Nube?
¿Qué es la Nube?
 
Consumiendo un servicio externo con Axios en Alexa
Consumiendo un servicio externo con Axios en AlexaConsumiendo un servicio externo con Axios en Alexa
Consumiendo un servicio externo con Axios en Alexa
 
La era de los Chatbots
La era de los ChatbotsLa era de los Chatbots
La era de los Chatbots
 
Android 64x con Xamarin.Forms
Android 64x con Xamarin.FormsAndroid 64x con Xamarin.Forms
Android 64x con Xamarin.Forms
 
Creando nuestra propia Skill de YouTube
Creando nuestra propia Skill de YouTubeCreando nuestra propia Skill de YouTube
Creando nuestra propia Skill de YouTube
 
Alexa Skill en 5 pasos
Alexa Skill en 5 pasosAlexa Skill en 5 pasos
Alexa Skill en 5 pasos
 

Xamarin.Android & Microsoft Azure

  • 1. Vicente G. Guzman Lucio Xamarin Student Ambassador Xamarin.Android y Microsoft Azure El día de hoy les quiero compartir un pequeño tutorial de cómo utilizar un servicio móvil de Microsoft Azure en una aplicación Xamarin, específicamente para Android (funciona igual para la plataforma iOS), para esto deberemos de seguir los siguientes pasos: Creando un nuevo servicio móvil… 1.- Comencemos iniciando sesión en el Portal de la Administración. En la parte inferior del panel de navegación, hagamos clic en + NUEVO. Naveguemos de la siguiente manera: PROCESO – SERVICIO MOVIL – CREAR 2.- En el cuadro de diálogo “Crear un servicio móvil”, escribamos un nombre de subdominio para el nuevo servicio móvil en el cuadro de texto URL, en cuanto a la BD, seleccionemos: Crear una base de datos SQL de 20 MB gratuita, el tiempo de ejecución: JavaScript, después hagamos clic en el botón de flecha hacia la derecha para ir a la página siguiente.
  • 2. Vicente G. Guzman Lucio Xamarin Student Ambassador [AZURE.NOTE] Como parte de este aprendizaje, se creará una nueva instancia de base de datos SQL y el servidor. Cabe mencionar que si ya tiene una base de datos en la misma región que el nuevo servicio móvil, en su lugar puede elegir “Utilizar base de datos existente” y seleccione la base de datos. Importante: El uso de una base de datos en una región diferente, no se recomienda, debido a los costos de ancho de banda adicional.
  • 3. Vicente G. Guzman Lucio Xamarin Student Ambassador Ya en la segunda pestaña, en Nombre, escribamos el nombre de la nueva base de datos, así como el nombre de inicio de sesión del servidor, que es el nombre de inicio de sesión de administrador para el nuevo servidor de base de datos SQL, escriba y confirme la contraseña, y haga clic en el botón de verificación para completar el proceso. Ya con esto hemos creado un nuevo servicio móvil que puede ser utilizado por cualquiera de sus aplicaciones móviles.
  • 4. Vicente G. Guzman Lucio Xamarin Student Ambassador Creando una nueva aplicación - Xamarin.Android Una vez completado lo anterior, procederemos a crear una nueva aplicación o modificar una aplicación existente para conectarse al servicio móvil, para esto en el Portal de Administración, deberemos de hacer clic en “Servicios Móviles” y, a continuación, dar clic en el servicio móvil que acabamos de crear. Después deberemos de elegir la plataforma, la cual será en este caso: Xamarin, al hacer clic, se ampliara y nos mostrara dos opciones, seleccionaremos la primera, para después poder visualizar los tres sencillos pasos para crear una aplicación conectada al servicio móvil.
  • 5. Vicente G. Guzman Lucio Xamarin Student Ambassador 3.- Si aún no cuentas con las herramientas ya sea para Windows o OS X, no te preocupes podrás descargarlas como primer paso, si tienes una MAC, deberás de instalar la versión más reciente (Xcode 6.0 +) y Xamarin Studio, aunque yo prefiero Visual Studio. 4.- Después de esto, procederemos a dar clic en “Crear tabla TodoItem” para crear una tabla para almacenar datos de la aplicación. 5.- Ya realizado lo anterior, en el tercer paso: Descargar y ejecutar la aplicación, hagamos clic en Descargar, pero seleccionando previamente la plataforma de Android. Esta descarga contiene el proyecto en donde se muestra una lista que está conectada al servicio móvil y hace referencia al componente Azure Mobile Services para Xamarin.Android.
  • 6. Vicente G. Guzman Lucio Xamarin Student Ambassador Ejecutando mi nueva aplicación Xamarin.Android La etapa final de este tutorial es para construir y ejecutar la nueva aplicación. 1.- Primeramente vayamos a la ubicación donde se guardó el proyecto comprimido, después se deberán de descomprimir los archivos en el ordenador para posteriormente abrir el archivo de solución demotodolist001.sln (el nombre varía según tu selección previa) usando Xamarin Studio o Visual Studio. 2.- Pulsemos el botón Ejecutar para generar el proyecto y comenzar la aplicación en el emulador de Android (funciona igual en un iPhone) o en un dispositivo. -En caso de encontrar algún problema o detalle con las referencias, solo deberemos de actualizarlas para que se vuelvan a añadir.
  • 7. Vicente G. Guzman Lucio Xamarin Student Ambassador 3.- Ya en la aplicación, podemos ingresar cualquier texto, para después hacer clic en el botón de agregar (Add). Esto envía una solicitud POST al nuevo servicio móvil alojado en Azure, los datos de la solicitud se insertan en la tabla todoitem. Los elementos almacenados en la tabla son devueltos por el servicio móvil, y los datos se muestran en la lista. 4.- De vuelta en el Portal de Administración, hagamos clic en la ficha Datos y luego en la tabla de artículos de todoitem.
  • 8. Vicente G. Guzman Lucio Xamarin Student Ambassador Esto nos permite examinar los datos insertados por la aplicación en la tabla. Y bueno, ya con esto hemos terminado este pequeño tutorial, cualquier inquietud o problema, favor de hacérmelo saber, hasta la próxima!! Recursos: Mobile Services | Android Player Emulator |