App Inventor puede realizar conexión a páginas web a través del componente "Web" que podemos encontrar dentro del grupo de componente denominado "Conectividad". Y dado que una de calculo de Google no deja de ser una ruta "web" (url) podemos conectarnos a una hoja de calculo de Google siempre que esté compartida y tengamos la información correspondiente.
En el siguiente proceso vamos a crear una "url" que nos permite que al ejecutarla se descargue automáticamente dicha hoja de cálculo en el dispositivo correspondiente. Veamos como construir "url".
PREPARACIÓN DE LA HOJA DE CÁLCULO
Compartir la hoja de cálculo mediante enlace (para cualquier persona) .
Copiar url de la barra de navegación de la hoja de cálculo.
Será algo similar a esto:
https://docs.google.com/spreadsheets/d/1mXt5z28bRfoIwwfhSbr68Uoq3-Z4IyKSih5Q9oQwMFk/edit#gid=0
Entendamos las partes de esta url
https://docs.google.com/ ... En google..
spreadsheets/d/ .. me conecto a la hoja de cálculo ...
1mXt5z28bRfoIwwfhSbr68Uoq3-Z4IyKSih5Q9oQwMFk ... este el código único que identifica mi hoja de cálculo en google
edit ... indicando el modo en el que entro en mi hoja de cálculo (edición)
gid= identifica la pestaña dentro de la hoja de cálculo. La primera se crea con el valor 0 (gid=0) y las siguientes se genera un número de varias cifras en el momento de crearla
Modificación url de consulta por enlace para descarga automática de la hoja en un dispositivo cualquiera en formato "CSV" ("Comma Separated Values"). Realizando el siguiente cambio en la url.
Eliminar la ultima parte de la url dejándola como: https://docs.google.com/spreadsheets/d/1mXt5z28bRfoIwwfhSbr68Uoq3-Z4IyKSih5Q9oQwMFk/
Anadir al final de la ulr la parte correspondiente a la "exportación" en formato CSV: export?gid=0&format=csv lo que indica "exportar de dicha hoja de cálculo la pestaña 0 en formato csv"
Probar funcionamiento de la nueva url,
Si se ha realizado correctamente la construcción de la nueva url podemos probarla poniéndola en el navegador y viendo que se descarga la hoja de cálculo en el ordenador.
ELEMENTOS DEL DISEÑO
Para poder conectar la App con la hoja de cálculo vamos a necesitar incorporar a nuestra App un elemento denominado "Web" que se encuentra dentro del grupo de componentes denominado "Conectividad".
Para poder conectarnos deberemos poner la url que hemos construido en la propiedad "Url" de dicho componente
PROGRAMACIÓN (BLOQUES)
Hay que tener en cuenta que el funcionamiento del componente "Web" es "asíncrono", es decir, solicitamos acceso a url pero la respuesta no es inmediata, por lo que lanzamos la conexión y tenemos que esperar al evento "ObtuvoTexto" que es cuando habrá finalizado la descarga del archivo en nuestro dispositivo.
Además posteriormente tendremos que guardar en una variable tipo lista (por ser una tabla de datos) el contenido del archivo a partir del "contenidoDeRespuesta" que es donde la conexión ha recuperado la información.
Una vez guardado en la variable podremos utilizarla en nuestra App para lo que necesitemos (mostrarla información en una etiqueta, en una lista, ...)
EJEMPLO DE USO
En el siguiente ejemplo hemos incluido en el diseño un componente Web que hemos renombrado como "conexionHojaCalculo" y en la parte de bloques hemos creado una variable que hemos denominado "lista" que es donde vamos a almacenar la información que recuperamos de la hoja de cálculo. Realizamos la llamada "web" cuando arranque la aplicación (Cuando Screen1 Inicializar)
Como la información que recuperamos está en formato CSV tenemos que transformarla en una lista mediante el procedimiento "lista desde tabla CSV texto que se encuentra dentro de los bloques en la parte denominada "listas".
Una vez guardada la información en la variable podremos utilizarla en nuestra aplicación según nuestras necesidades.