App inventor 2 en español
Cómo programar los teléfonos móviles con Android
mediante App inventor 2 - Juan Antonio Villalpando

-- Tutorial de iniciación de App Inventor 2 en español --

Volver al índice del tutorial

___________________________

75L.- Subir y bajar archivos de Dropbox. Upload and Download files Dropbox. Android. App inventor.

p75L_dropbox.aia

- Vamos a subir y bajar archivos a Dropbox. Me baso en el estupendo tutorial de Taifun en puravidaapps.com, he cambiado el elemento selector de archivo y he añadido la parte de bajar imagen y archivo de texto.

http://puravidaapps.com/dropbox.php

- La aplicación que selecciona el archivo que queremos subir es el AndExplorer, para realizar este tutorial es conveniente bajarlo de la Play Store de Google:

https://play.google.com/store/apps/details?id=lysesoft.andexplorer&hl=es

- En otro tutorial anterior ya vimos la manera de seleccionar un archivo de nuestro móvil mediante AndExplorer: 78.- Explorador de Archivos. ActivityStarter. Imagen.

___________________________

0.- Suponemos que ya tenemos una cuenta de Dropbox.

1.- Entramos en nuestra cuenta de Dropbox.

2.- Entramos en https://www.dropbox.com/developers/apps y pulsamos para crear una carpeta de tipo Android_DB.

- Ahí veremos nuestra App key, App secret y un botón para Generar el "acces token". - Pulsamos ese botón: Generate

3.- Al pulsar el botón Generate, obtendremos un código "access token" que necesitaremos para acceder desde nuestra aplicación de Android a Dropbox.
(Nota: cada vez que pulses el botón saldrá un código diferente). Esta clave la pondremos en la variable AccessToken de nuestra aplicación como veremos más adelante.

_________________________________
- Archivos de pruebas.

- En este tutorial voy a utilizar estos dos archivos de prueba que tengo copiados en mi móvil. Una imagen y un archivo de texto, son los que subiré al Dropbox desde mi móvil y con esta aplicación del tutorial.

aytopr.gif

- El archivo de texto está escrito con el Bloc de notas de Windows, cuando lo he guardado le he puesto Codificación UTF-8, para que respete los acentos y las eñes.

puerto_real.txt

_________________________________
- Diseño.

- Marca Enrollable en las Propiedades de la Screen1.

- Para facilitar la explicación he puesto tres Web (están en la sección de Conectividad).

- El Activity Starter lo he puesto para hacer funcional a la aplicación AndExplorer que será la que utilizaremos para elegir el archivo a subir.
(Debemos bajar e instalar AndExplorer desde la Play Store de Google).

- Pondremos estos códigos en las Propiedades del ActivityStarter1:

Acción: android.intent.action.PICK
TipoDeDato: vnd.android.cursor.dir/lysesoft.andexplorer.file
UriDelDato: file:///sdcard

_________________________________
- Bloques.

- En la varible AccessToken ponemos la clave que obtuvimos al pulsar el botón Generate en Dropbox como vimos al principio de este tutorial.

_________________________________
- Comentarios.

1.- Subir archivo.

- En la variable AccessToken pegamos el código que hemos obtenido al pulsar el Botón Generar en DropBox, como vimos al principio de esta página.

- Ofuscated significa que si compilamos nuestra aplicación mediante el Botón Generar para convertirla a archivo instalable .apk, la información que pongamos en esa variable, es decir nuestra clave access token, estará ofuscada, o sea codificada para que si alguien descomprime o curiosea dentro del apk no pueda leer nuestra access token,

- Cuando pulsamos el Botón1, mediante el Activity Starter saldrá la aplicación AndExplorer, para que podamos elegir el archivo de nuestro móvil que queremos subir.

- En mi caso tengo el archivo aytopr.gif en el directorio DCIM de mi móvil.

- Al elegir el archivo se obtendrá su dirección de la forma ActivityStarter.UriDelResultado = file:///sdcard/DCIM/aytopr.gif

- Necesitamos el nombre_archivo, eso lo conseguimos mediante el bloque de recorta. Obtendremos nombre_archivo = aytopr.gif

- Para subir el archivo debemos ir a la dirección de Dropbox: https://content.dropboxapi.com/2/files/upload

- Además debemos aportarle una información adicional llamada Cabecera (-- header), esta cabecera tiene un formato especial, debe contener

- La Autorización mediante el Bearer AccesToken.

- El tipo de archivo.

- El nombre de archivo.

- Además debemos poner el camino completo donde se encuentra el archivo elegido, lo hacemos mediante ActivityStarter.UriDelResultado.

- Se subirá el archivo a la carpeta Android_DB de DropBox.

2.- Bajar archivo de imagen.

- Cuando pulsamos el Botón2, llamamos a la dirección de Dropbox: https://content.dropboxapi.com/2/files/download

- Suministramos la Cabecera necesaria, la Autorización con el AccessToken y entre otras cosas, el nombre del archivo de imagen que queremos bajar, en mi caso el aytopr.gif

- Cuando se baje se verá en la Imagen1 de la pantalla y se guardará en: /storage/emulated/0/aytopr.gif de nuestro móvil.

- Debemos indicar con qué nombre queremos que se guarde, en mi caso he puesto el mismo que tenia NombreDelArchivoDeRespuesta = /aytopr.gif

3.- Bajar archivo de texto.

- Cuando pulsamos el Botón3, llamamos a la dirección de Dropbox: https://content.dropboxapi.com/2/files/download

- Suministramos la Cabecera necesaria, la Autorización con el AccessToken y entre otras cosas, el nombre del archivo de texto que queremos bajar, en mi caso el puerto_real.txt

- Cuando se baje se verá en la Etiqeta8 y se guardará en: /storage/emulated/0/puerto_real.txt de nuestro móvil.

- Debemos indicar con qué nombre queremos que se guarde, en mi caso he puesto el mismo que tenia NombreDelArchivoDeRespuesta = /puerto_real.txt

_________________________________
- Más comentarios.

- La documentación de Dropbox la puedes encontrar en:

https://www.dropbox.com/developers/documentation/http/documentation

- Fijate en la dirección y cabecera (-- header) que se han de poner.

_______________________________________________
_______________________________________________
_______________________________________________

75L2.- Otra forma de bajar archivo.

p75L2_dropbox.aia

- En este caso tenemos un archivo de musica mp3 en la carpeta Public de Dropbox. Vamos a bajarlo al móvil y reproducirlo musicalmente.

- Para ello vamos a nuestra carpeta Public de Dropbox, pulsamos en el botón derecho del ratón sobre el archivo que queremos bajar y copiamos la dirección de su enlace, en mi caso:

https://dl.dropboxusercontent.com/u/68859596/Dancing_Queen.mp3

_________________________________
- Diseño.

_________________________________
- Bloques.

_________________________________
- Comentarios.

- En la Etiqueta1 saldrá la dirección remota: https://dl.dropboxusercontent.com/u/68859596/Dancing_Queen.mp3

- En la Etiqueta2 saldrá la dirección donde se guarda: /storage/emulated/0/My Documents/Downloads/app_inventor_14888888888888.mpeg

_________________________________
- Propuestas.

- Podemos hacer una aplicación en donde cada vez que el usuario entra, automáticamente en el Screen1.Inicializar pongamos que se baje desde Dropbox una Imagen a la pantalla, por ejemplo la imagen bienvenido.gif

- Nosotros en cualquier momento podemos entrar en nuestra cuenta de Dropbox, ir al directorio Android_DB y cambiar la imagen de bienvenido.gif (pero no el nombre), de tal manera que cuando queramos que los usuarios que han instalado nuestra aplicación vea una nueva imagen de bienvenida.gif, simplemente cambiamos la imagen.

- Incluso podemos poner un mensaje indicando que hay una nueva versión de nuestra aplicación.

- Podemos mejorar todo eso, chequeando previamente si nuestro usuario está conectado a Internet, en caso que no esté saldrá otra imagen por defecto que se encuentre en nuestra aplicación.

- Hay otras maneras de subir archivos al Dropbox, por ejemplo por PHP y JavaScript.

__________________________________