Creación de una aplicación de AndroidCreate an Android app

Información generalOverview

En este tutorial se muestra cómo agregar un servicio back-end basado en la nube a una aplicación móvil de Android con un back-end de la aplicación móvil de Azure.This tutorial shows you how to add a cloud-based backend service to an Android mobile app by using an Azure mobile app backend. Creará tanto un back-end de aplicación móvil nuevo como una aplicación de Android simple de la lista de tareas pendientes que almacene los datos de la aplicación en Azure.You will create both a new mobile app backend and a simple Todo list Android app that stores app data in Azure.

Completar este tutorial es un requisito previo para todos los demás tutoriales de Android sobre cómo usar la característica Mobile Apps en Azure App Service.Completing this tutorial is a prerequisite for all other Android tutorials about using the Mobile Apps feature in Azure App Service.

Requisitos previosPrerequisites

Para completar este tutorial, necesitará lo siguiente:To complete this tutorial, you need the following:

  • Herramientas para desarrolladores de Android, que incluyen el entorno de desarrollo integrado de Android Studio y la plataforma de Android más reciente.Android Developer Tools, which includes the Android Studio integrated development environment, and the latest Android platform.
  • El SDK de Android móvil de Azure, al que se hace automáticamente referencia como parte del proyecto de inicio rápido que puede descargar.Azure Mobile Android SDK, which is automatically referenced as part of the quickstart project you download.
  • Una cuenta de Azure activa.An active Azure account.

Creación de un nuevo back-end de Aplicaciones móviles de AzureCreate a new Azure 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.

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 de AndroidDownload and run the Android app

  1. Visite el Azure Portal.Visit the Azure Portal. Haga clic en Examinar todo > Aplicaciones móviles > el back-end que acaba de crear.Click Browse All > Mobile Apps > the backend that you just created. En la configuración de la aplicación móvil, haga clic en Inicio rápido > Android.In the mobile app settings, click Quickstart > Android. En Configurar la aplicación cliente, haga clic en Descargar.Under Configure your client application, click Download. Así se descarga un proyecto de Android completo para que una aplicación previamente configurada pueda conectarse al back-end.This downloads a complete Android project for an app pre-configured to connect to your backend.

  2. Abra el proyecto mediante Android Studio, con Importar proyecto (Eclipse ADT, Gradle, etc.).Open the project using Android Studio, using Import project (Eclipse ADT, Gradle, etc.). Asegúrese de que realice esta selección de importación para evitar los errores del JDK.Make sure you make this import selection to avoid any JDK errors.

  3. Presione el botón Ejecutar "aplicación" para compilar el proyecto e iniciar la aplicación en el simulador de Android.Press the Run 'app' button to build the project and start the app in the Android simulator.

  4. 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. Esto envía una solicitud POST al back-end de Azure implementado anteriormente.This sends a POST request to the Azure backend you deployed earlier. El back-end inserta los datos de la solicitud en la tabla SQL TodoItem y devuelve información acerca de los elementos recién almacenados a la aplicación móvil.The backend inserts data from the request into the TodoItem SQL table, and returns information about the newly stored items back to the mobile app. La aplicación móvil muestra estos datos en la lista.The mobile app displays this data in the list.