Generar datos de la google sheet como aplicación web

Translator

 En esta lección, vamos a lanzar la aplicación web. En la lección anterior, paramos después de crear una función llamada `doGet`. `doGet` es la función predeterminada que las aplicaciones web buscarán y ejecutarán el código contenido dentro de la función `doGet`.

Así que continuemos desarrollando esta función y hagamos un retorno de un servicio de contenido. Entonces, en este momento, si desplegáramos la aplicación web (y te mostraré lo que sucede), hacemos un nuevo despliegue, seleccionamos el tipo en el lado izquierdo, seleccionándolo como una aplicación web, añadiendo una descripción.

Así que probemos la primera ejecución, seleccionando la aplicación web. ¿Quién queremos que ejecute la aplicación web? ¿Usando la cuenta con la que estoy creando el script? Esto nos permitirá acceder a los datos de la hoja. De lo contrario, si seleccionas que el usuario debe iniciar sesión, hará que la API web requiera que el usuario inicie sesión y se autentique. Así que estoy creando una API web abierta para obtener los datos. Estoy usando la cuenta predeterminada y determinando quién tiene acceso a la aplicación. Si estás usando una unidad organizativa, puedes limitar el acceso solo a esa unidad organizativa para ver la URL de la web o hacerla visible. También está la opción de cualquiera con una cuenta de Google; si están conectados a su cuenta de Google, pueden verla. Y dado que, nuevamente, esto va a ser una API abierta donde solo estamos manejando solicitudes y no haciendo ningún inicio de sesión, y estamos conectándonos desde nuestro sitio web, mantendremos el acceso abierto para cualquiera.

Entonces, despleguemos la API web. Nos proporcionará un ID de despliegue, así como una URL de la aplicación web. Es una URL ejecutable. Puedes copiarla y abrirla en una nueva pestaña del navegador, pero aún no está devolviendo nada.

Así que añadamos algo de código y retornemos contenido desde los datos de la hoja. Configuraremos y crearemos lo que queremos generar usando el string JSON de Feiss, lo mismo que encontrarías en JavaScript, y Google Apps Script utiliza muchos de los mismos métodos o casi todos los que esperarías en JavaScript. Así que `JSON.stringify` convertirá un objeto en una cadena, y sí, tenemos un objeto.

Añadiendo contenido aquí, configuremos el estado como "true" porque el usuario ha hecho una conexión al punto final web, y también dejemos que se muestren todos los datos o creemos otro valor de propiedad llamado "data". Y desde aquí, mostraremos el contenido de las filas. Queremos que esta sea la salida que deseamos mostrar en la página web, y el contenido que estamos generando será datos JSON. Queremos que la salida sea JSON. Finalmente, estamos haciendo una solicitud a ella, la cual reconocerá como datos JSON y podrá devolverlos dentro de nuestro código JavaScript.

Hacemos el retorno y usamos la clase de servicio de contenido. El método que usaremos será `createTextOutput`, así que estamos creando una salida de texto desde la salida. Solo para asegurarnos de que se detecte como un archivo JSON, establezcamos el tipo MIME y configurémoslo. Aquí nuevamente necesitamos usar el servicio de contenido y seleccionar el tipo MIME. El tipo MIME que queremos usar será JSON, así que estamos generando este contenido como contenido JSON, y luego simplemente cerramos eso y guardamos con Google Apps Script y aplicaciones web.

También, bajo despliegues administrados y pruebas, puedes seleccionar los despliegues administrados y siempre obtener la URL ejecutable. La URL ejecutable tiene una extensión de X XC al final, y también hay una opción para gestionar los despliegues de prueba. Esto es lo que usarías mientras desarrollas tu aplicación web, y te proporciona otra URL web, y al final de esta hay "/dev". Esta es tu URL de desarrollo. La diferencia entre la ejecutable y la de desarrollo es que, a menos que la reimplantes, no cambiará la ejecutable, pero la de desarrollo ejecutará el código en vivo que tengas.

En este punto, ya tenemos nuestra salida JSON allí y todo parece correcto. Así que estamos listos para reimplementarla en vivo, y de esa manera podemos hacer la conexión al contenido usando Google Apps Script. Simplemente estamos generando datos JSON regulares. También tenemos la opción, si queremos ajustarlo e iterar por los datos que tenemos, de generar una salida. Uno de los problemas aquí es que, si ves, una de las primeras opciones que tenemos es que está generando el contenido completo, incluyendo el título y el contenido hacia abajo porque hemos seleccionado todo el área contenedora. Así que necesitamos hacer algunos ajustes para obtener solo los datos que queremos.

Hagamos algunos ajustes y llamemos uno para encabezados, y los encabezados solo tomarán lo que sea la primera fila de filas. También podemos seleccionarlos. Y si queremos segmentar solo los datos, entonces solo lo que sean las preguntas o el contenido, podemos tomar el objeto de filas y usar el método `slice`. Es lo mismo que en JavaScript. Devuelve una porción del arreglo. Queremos devolver una sección del arreglo. El número de inicio y el número final; el número de inicio donde queremos devolver el arreglo es 1, y queremos devolver todo el contenido del arreglo. También podemos hacer lo mismo para los encabezados, usando `rows.slice`, comenzando en 0 y devolviendo el 1. Dentro del registro, generemos lo que tenemos para encabezados, que debería ser encabezados, y también registremos lo que tenemos solo para los datos de las preguntas, y eliminaré las filas porque no necesitamos duplicar la salida en el registro.

Ahora estamos generando las preguntas y las filas. Ejecútalo y veamos qué obtenemos en el registro, así que obtenemos el primer arreglo aquí de elementos y luego el siguiente, obtenemos un arreglo multidimensional, pero solo tenemos los datos que queremos usar. Si queremos seleccionar ese primer arreglo, hay otra forma de hacerlo, donde podemos obtener las filas y devolver el primer conjunto de datos de las filas, solo necesitamos un corchete allí. Al ejecutarlo, devolverá como un solo arreglo, mientras que aquí tenemos múltiples filas. Queremos generar todas las preguntas de las filas. También queremos incluir el número de fila. Así que actualicemos el contenido que estamos generando en preguntas y lo reconstruiremos como un objeto más complejo antes de reimplementar la aplicación.

Antes de la próxima lección, adelante y realiza el retorno del servicio de contenido, genera el contenido desde la hoja de cálculo y genera ese contenido en tu aplicación web. También selecciona los encabezados, segmenta las preguntas, y estarás listo para pasar a la siguiente lección, donde reconstruiremos los datos en un objeto más complejo, de modo que podamos hacer selecciones del contenido en formato de objeto.

¡Eso viene a continuación!