Creación de una aplicación Xamarin.AndroidCreate a Xamarin.Android App

Información generalOverview

En este tutorial se muestra cómo agregar un servicio de back-end basado en la nube a una aplicación Xamarin.Android.This tutorial shows you how to add a cloud-based backend service to a Xamarin.Android app. Para obtener más información, consulte ¿Qué es Mobile Apps?For more information, see What are Mobile Apps.

La siguiente captura de pantalla muestra la aplicación final:A screenshot from the completed app is below:

Completar este tutorial es un requisito previo para todos los tutoriales de Mobile Apps para aplicaciones Xamarin.Android.Completing this tutorial is a prerequisite for all other Mobile Apps tutorials for Xamarin.Android apps.

Requisitos previosPrerequisites

Para completar este tutorial, debe cumplir los siguientes requisitos previos:To complete this tutorial, you need the following prerequisites:

Creación de un nuevo back-end de Azure Mobile AppCreate an Azure Mobile App backend

Siga estos pasos para crear un back-end de Mobile App.Follow these steps to create a Mobile App backend.

  1. Inicie sesión en el Azure Portal.Sign in to the Azure portal.

  2. Haga clic en Crear un recurso.Click Create a resource.

  3. En el cuadro de búsqueda, escriba Mobile Apps.In the search box, type Mobile Apps.

    Azure Portal con inicio rápido de Mobile Apps resaltadoAzure portal with Mobile Apps Quickstart highlighted

  4. En la lista de resultados, seleccione Inicio rápido de Mobile Apps y, después, seleccione Crear.In the results list, select Mobile Apps Quickstart, and then select Create.

  5. Elija un nombre de aplicación único.Choose a unique App name. También formará parte del nombre de dominio de la instancia de App Service.This will also be part of the domain name for your App Service.

  6. En Grupo de recursos, seleccione un grupo de recursos existente o cree uno nuevo (con el mismo nombre que su aplicación).Under Resource Group, select an existing resource group or create a new one (using the same name as your app).

  7. Haga clic en Create(Crear).Click Create. Espere unos minutos para que se implemente el servicio correctamente antes de continuar.Wait a few minutes for the service to be deployed successfully before proceeding. Observe el icono de notificaciones (campana) en el encabezado del portal para las actualizaciones de estado.Watch the Notifications (bell) icon in the portal header for status updates.

Ahora ha aprovisionado un back-end de aplicación móvil de Azure que puede usarse por las aplicaciones del cliente móvil.You have now provisioned an Azure Mobile App backend that can be used by your mobile client applications. Después, descargue un proyecto de servidor para un back-end de "lista de tareas" sencillo y publíquelo en Azure.Next, download a server project for a simple "todo list" backend and publish it to Azure.

Configuración del proyecto de servidorConfigure the server project

  1. Haga clic en el botón App Services, seleccione sucesivamente el back-end de Mobile Apps, Inicio rápido y la plataforma de cliente (iOS, Android, Xamarin, Cordova).Click the App Services button, select your Mobile Apps back end, select Quickstart, and then select your client platform (iOS, Android, Xamarin, Cordova).

    Azure Portal con inicio rápido de Mobile Apps resaltado

  2. Si no hay configurada ninguna conexión de base de datos, cree una haciendo lo siguiente:If a database connection is not configured, create one by doing the following:

    Azure Portal con Mobile Apps: conexión a la base de datos

    a.a. Cree una nueva instancia y un nuevo servidor de SQL Database.Create a new SQL database and server. Puede que tenga que dejar el campo del nombre de la cadena de conexión en el valor predeterminado MS_TableConnectionString para completar el paso 3 siguiente.You may need to leave the connection string name field to the default value of MS_TableConnectionString in order to complete step 3 below.

    Azure Portal con Mobile Apps: creación de una nueva base de datos y un nuevo servidor

    b.b. Espere hasta que se haya creado correctamente la conexión de datos.Wait until the data connection is successfully created.

    Notificación de Azure Portal de la creación correcta de conexión de datos

    c.c. La conexión de datos debe haberse creado correctamente.Data connection must be successful.

    Notificación de Azure Portal: "Ya tiene una conexión de datos"

  3. En 2. Crear una API de tabla, seleccione Node.js para Lenguaje de back-end.Under 2. Create a table API, select Node.js for Backend language.

  4. Acepte la confirmación y seleccione Crear tabla TodoItem.Accept the acknowledgment, and then select Create TodoItem table. Esta acción crea una nueva tabla de elementos pendientes en la base de datos.This action creates a new to-do item table in your database.

    Importante

    El cambio de un back-end existente a Node.js sobrescribe todo el contenido.Switching an existing back end to Node.js overwrites all contents. Para crear un back-end de .NET en su lugar, consulte Trabajar con el SDK del servidor back-end de .NET para Mobile Apps.To create a .NET back end instead, see Work with the .NET back-end server SDK for Mobile Apps.

Descarga y ejecución de la aplicación Xamarin.AndroidDownload and run the Xamarin.Android app

  1. En Descargar y ejecutar el proyecto de Xamarin.Android, haga clic en el botón Descargar.Under Download and run your Xamarin.Android project, click the Download button.

    Guarde el archivo comprimido del proyecto en el equipo local y anote dónde lo guardó.Save the compressed project file to your local computer, and make a note of where you save it.

  2. Presione la tecla F5 para compilar el proyecto e iniciar la aplicación.Press the F5 key to build the project and start the app.

  3. En la aplicación, escriba un texto significativo, como Realizar el tutorial y luego haga clic en el botón Agregar.In the app, type meaningful text, such as Complete the tutorial and then click the Add button.

    Los datos de la solicitud se insertan en la tabla TodoItem.Data from the request is inserted into the TodoItem table. El back-end de la aplicación móvil devuelve los elementos almacenados en la tabla y los datos aparecen en la lista.Items stored in the table are returned by the mobile app backend, and the data appears in the list.

    Nota

    Puede revisar el código de acceso al back-end de aplicación móvil para consultar e insertar datos; este se encuentra en el archivo de C# ToDoActivity.cs.You can review the code that accesses your mobile app backend to query and insert data, which is found in the ToDoActivity.cs C# file.

solución de problemasTroubleshooting

Si tiene problemas al compilar la solución, ejecute el administrador de paquetes NuGet y actualice los paquetes de compatibilidad de Xamarin.Android.If you have problems building the solution, run the NuGet package manager and update the Xamarin.Android support packages. Puede que los proyectos de inicio rápido no incluyan las versiones más recientes.Quickstart projects might not always include the latest versions.

Tenga en cuenta que todos los paquetes de soporte a los que se hace referencia en el proyecto deben tener la misma versión.Please note that all the support packages referenced in your project must have the same version. El paquete NuGet de Azure Mobile Apps tiene la dependencia Xamarin.Android.Support.CustomTabs para la plataforma Android, por lo que si el proyecto usa paquetes de soporte más recientes, tiene que instalar este paquete con la versión necesaria directamente para evitar conflictos.The Azure Mobile Apps NuGet package has Xamarin.Android.Support.CustomTabs dependency for Android platform, so if your project uses newer support packages you need to install this package with required version directly to avoid conflicts.

Pasos siguientesNext steps