Contenido


Crear una aplicación de Android con la base de datos NoSQL Cloudant y las notificaciones push de Bluemix

Almacene, borre, actualice y consulte objetos almacenados en la nube

Comments

Nota del editor: este tutorial es una actualización de "Crear una aplicación de Android con el servicio en nube IBM Mobile Data para Bluemix" publicada originalmente en febrero de 2014. Fue escrito usando la interfaz clásica de Bluemix. Dada la rápida evolución de la tecnología, se han cambiado algunos pasos e ilustraciones.

Puede que ya conozca algunos de los beneficios de Bluemix, la plataforma abierta de IBM para desarrollar y desplegar aplicaciones web y móviles. La gran cantidad de servicios creados previamente en las soluciones móviles de IBM ® Bluemix ™ hace que para los desarrolladores sea fácil crear y mejorar las aplicaciones.

Los tutoriales de esta serie le muestran cómo añadir servicios basados en la nube a sus aplicaciones. En este tutorial, cubriremos los pasos para crear una aplicación Android con el servicio de base de datos NoSQL Cloudant de IBM en Bluemix.

¿Alguna vez fue al supermercado y se olvidó del único ingrediente que su marido o esposa necesitaba para una receta de soufflé deliciosa? ¿O el postre que los niños le habían pedido para el día siguiente? ¿Y si todos ellos pudieran introducir sus solicitudes en una lista compartida para el supermercado, y usted pudiese recibir notificaciones push alertándolo de las actualizaciones?

Bienvenido a la aplicación BlueList. Es una aplicación sencilla que utiliza los servicios Bluemix y lo ayuda a empezar a escribir sus propias aplicaciones (más complejas) en cuestión de segundos. Este tutorial le muestra cómo empezar a trabajar con una aplicación Android y añadir el servicio de base de datos NoSQL Cloudant para almacenar, borrar, actualizar y consultar objetos almacenados en la nube. (Un próximo tutorial le mostrará cómo añadir a su aplicación los servicios de nube Push y Node.js para que pueda obtener avisos cada vez que se modifica la lista del supermercado, que se puede actualizar en todos los dispositivos cuando se realiza una modificación desde cualquier de ellos).

Esta sencilla aplicación utiliza los servicios Bluemix y lo ayudarán a empezar a escribir sus propias aplicaciones (más complejas) en cuestión de segundos.

Nota: El código de la muestra ha sido marcado como obsoleto ya no cuenta con soporte.

Lo que necesitará para su aplicación

  • Estar familiarizado con el desarrollo en Android
  • Un entorno de desarrollo en Android. Nosotros utilizamos Eclipse con ADT, pero no dude en usar el que prefiera
  • El código de muestra de Bluelist (haga clic en el botón de arriba) que incluye el código del front-end y del back-end utilizado en este tutorial.
  • Una cuenta de Bluemix para utilizar sus servicios de Bluemix

Paso 1. Crear una aplicación Mobile Cloud en Bluemix

  1. Inicie sesión en Bluemix.
  2. Haga clic en MobileFirst Services Starter bajo Boilerplates en el catálogo de Bluemix.
  3. Para crear una aplicación, introduzca un nombre para la aplicación, un nombre de host y un dominio (para las demás opciones, utilice los datos predeterminados). Haga clic en Crear.
  4. Una vez que haya creado la aplicación y finalizado su preparación, aparecerá en su consola. Haga clic en su aplicación nueva para ir a su página de visión general. Encontrará un tiempo de ejecución Node.js junto con otros servicios ejecutándose en Bluemix. Screen capture of the Application in the Catalog
    Screen capture of the Application in the Catalog

Paso 2. Desplegar la aplicación BlueList NodeJS a Bluemix

  1. Clone el código de muestra a su disco local y descargue Cloud Foundry CLI.
  2. Abra la carpeta local donde clonó el código de muestra. La carpeta de bluelist tiene el código del front-end y la carpeta de NodeJS tiene el código del backend.
  3. Abra la carpeta de NodeJS y actualice el archivo manifest.yml de acuerdo con los nombres de la aplicación y del host de Bluemix que acaba de crear. En este ejemplo, el nombre de mi aplicación de Bluemix es shenyBluelist: Screen capture of the manifest.yml file showing the applications that are running
    Screen capture of the manifest.yml file showing the applications that are running
  4. Ejecute los siguientes comandos cf para actualizar en Bluemix el archivo manifest.yml y reinicie la aplicación.
    cf api https://api.ng.bluemix.net
    cf login
    cf apps
    cf push -f manifest.yml
    Screen capture showing the application restarting
    Screen capture showing the application restarting

Paso 3. Configurar el front-end de la muestra de Bluelist

  1. Descargue Android Studio.
  2. En Android Studio, abra la carpeta del proyecto front-end, bluelist.
  3. Con la información de su aplicación de Bluemix actualice el archivo bluelist.properties, ubicado debajo de la carpeta de activos. Puede encontrar la ruta y la información APPID haciendo clic en OPCIONES MÓVILES en la página de visión general de su aplicación de Bluemix. Screen capture showing the bluelist.properties file
    Screen capture showing the bluelist.properties file

Paso 4. Configurar el backend de la muestra de Bluelist

  1. Abra el servicio Acceso al Cliente Móvil para su aplicación de Bluemix. Elija Configurar Cliente para configurar la autenticación (también es posible elegir la autorización de Facebook y la autorización de Google). Screen capture of custom and facebook authentication                             windows
    Screen capture of custom and facebook authentication windows
  2. Haga clic en Editar. Utilizar customAuthRealm_1 para el nombre de Realm y la ruta de su aplicación de Bluemix para el URL. Guarde su configuración. (En la muestra ya se encuentra incluido el usuario Yotem con la contraseña 456 y se autenticará automáticamente). Screen capture of the custom authentication fields
    Screen capture of the custom authentication fields

Paso 5. Ejecutar la aplicación móvil

Construya su Aplicación de Android y ejecútela en su dispositivo o simulador de Android. Añada algunos elementos a la lista Pendientes de Hacer de su aplicación. Recuerde deslizar la pantalla hacia abajo para sincronizar la aplicación con la base de datos en la nube.

Screen                             capture                             of the mobile app running on a mobile device

Paso 6. Verificar sus datos en la nube

En Bluemix, seleccione el servicio Cloudant NoSQL DB y haga clic en el botón Lanzar para abrir el panel de instrumentos de Cloudant.

Screen capture of the Clouding NoSQL DB service page
Screen capture of the Clouding NoSQL DB service page

Vaya a la base de datos todosdb.

Screen capture of todos database showing the number of items synced to the database
Screen capture of todos database showing the number of items synced to the database

Los elementos ya están sincronizados con la base de datos.

Screen capture showing your Google API Project number and Google Cloud Message API Key
Screen capture showing your Google API Project number and Google Cloud Message API Key

Conclusión

Desarrollar esta aplicación con el servicio de base de datos NoSQL Cloudant le demuestra lo fácil que es utilizar e integrar las capacidades de datos móviles con Bluemix.


Recursos para Descargar


Temas relacionados


Comentarios

Inicie Sesión o Regístrese para agregar comentarios.

static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=90
Zone=Desarrollo móvil, Cloud computing
ArticleID=1032455
ArticleTitle=Crear una aplicación de Android con la base de datos NoSQL Cloudant y las notificaciones push de Bluemix
publish-date=05032016