Skip to main content

Configurar hoja y script

Translator

 Hola, bienvenido. En esta lección, vamos a configurar la hoja de Google, así como prepararnos para escribir algo de código de Google Apps Script y generar una aplicación web a partir de los datos de la hoja.

Así que adelante, iniciemos sesión en nuestras cuentas de Google y luego vayamos al Drive; en la esquina superior izquierda, seleccionemos "Nuevo" y creemos una hoja de cálculo.

Así que estamos creando una hoja de cálculo completamente nueva. Vamos a usar el editor de scripts que estará vinculado dentro del contenedor de la hoja. Usaremos la hoja principal como nuestro objeto principal para los datos, y simplemente la llamaré "datos en vivo", luego renombraré la hoja y la llamaremos "data". Necesitamos poblar la hoja con algo de información.

Así que añadamos un título y luego contenido, y tendremos opciones de votación hacia arriba y hacia abajo dentro del contenido. También poblaremos algunos datos de ejemplo. Esta información puede ser lo que quieras. Y para fines de prueba, puedes configurar las columnas y el contenido que desees. La parte más importante será la primera fila y la información en la primera fila. Esto servirá para indicar qué es el dato y qué representa el dato de la columna, y también nos permitirá hacer actualizaciones hacia arriba o hacia abajo usando nuestra aplicación web.

Estamos conectándonos al script de Google. Lo que queremos hacer es exportar este contenido como un archivo JSON, de modo que cuando nos conectemos a él desde nuestra aplicación web, podamos recoger todo el contenido usando Thach y luego queremos poder publicar ya sea hacia arriba o hacia abajo, dependiendo del rol.

Así que obtendremos el número bruto, junto con el título, el contenido y los valores actuales para arriba y para abajo. Así que vayamos a "Herramientas" y abramos el editor de aplicaciones de script. Al seleccionar el editor de scripts, esto abrirá la interfaz del editor de scripts. Le daremos un nombre: "aplicación web de datos en vivo". Así que corresponde con lo que es la hoja. Y para abrirlo dentro de nuestro Google Drive, solo veremos la información de la hoja de cálculo si vamos a las aplicaciones, a los scripts de aplicaciones. Así que script, Google punto com barra home, ahí veremos esta aplicación llamada "aplicación web de datos en vivo".

Haré la pantalla más grande, así que aumentaré eso al doscientos por ciento. Así será más fácil leer el código mientras lo proporciono y lo demuestro durante la lección. Así que comienza con una función predeterminada y renombremos esta función a `doGet`. `doGet` es el nombre de la función que Google usa para generar una aplicación web. También crearemos algo de contenido para generar dentro de nuestra aplicación web. Y queremos obtener el contenido de la hoja de cálculo, así que necesitamos seleccionar el objeto de la hoja. Configuraremos una variable que contendrá el objeto de la hoja de cálculo; voy a usar "activos". Puedes usar cualquier valor que quieras, selecciona la aplicación de hojas de cálculo. Aquí es donde interactuamos con el contenido de la hoja de cálculo y esa hoja de cálculo actual, selecciona la función, el método `openById` y selecciona el valor ID que queremos usar. Cada documento de Google tiene su propio ID. La forma más fácil de seleccionar el ID es usando el valor ID que está contenido en la URL cuando tienes el documento abierto. Así que aquí lo tengo, lo estoy copiando y crearé otra variable llamada ID para que podamos usar el valor de cadena para el ID y abrirlo por ID. Así que eso abrirá el objeto de la hoja de cálculo. Y luego, a continuación, queremos seleccionar la hoja que queremos usar. Así que en caso de que quieras tener múltiples hojas, solo usaremos la hoja nombrada. Ahora que tenemos el objeto de la hoja de cálculo, puede obtener la hoja por nombre y solo necesitamos especificar el nombre de la hoja, que actualmente será "data". Y terminemos esto enviando el objeto de la hoja al registro (log). Asegurémonos de que tenemos la conexión correcta, que lo estamos abriendo por ID y deberíamos ver que tenemos acceso al objeto de la hoja. Ejecutemos el código y aceptemos los permisos. Y cada vez que ejecutas una aplicación web, necesitas aceptar permisos si estás interactuando con cualquiera de los otros servicios de Google con esa cuenta. Así que revisa los permisos y sigue adelante y selecciona la cuenta que quieres usar para los permisos. Y luego, en "Avanzado" en el lado izquierdo, ve al nombre de la aplicación y enumerará los permisos que has establecido. Si alguna vez quieres eliminar los permisos, puedes quitarlos desde mi cuenta, punto Google punto com barra permisos o haz clic en el enlace aquí donde dice la cuenta de Google. Y hay más información sobre los permisos proporcionados dentro de la sección de información, junto a los permisos que estás aceptando para seguir adelante y permitir los permisos. Y vamos a necesitar permitir los permisos. Así que ahora tenemos acceso al objeto de la hoja y queremos obtener los valores del objeto de la hoja. Así que seleccionemos las filas de contenido. Le daré un nombre: "filas". Y dentro de la hoja queremos obtener el rango de datos y lo que hará `getDataRange` es seleccionar todos los datos disponibles en la hoja. Así que de esta manera no tienes que especificar cuántas filas y cuántas columnas de datos quieres obtener. Solo queremos agarrar todo lo que está en la hoja. Y esto es algo de lo que debes estar consciente. Si tienes algunos caracteres fuera de lugar y tienes muchos espacios en blanco, esto podría causar problemas y en realidad obtendrá todo el cuadro cuando hagas `getDataRange`. Así que eso es lo único de lo que debes estar consciente al usar `getDataRange`. Recogerá cualquier carácter y seleccionará el rango según la cuadrícula que hayas hecho la selección. Y si simplemente haces `getDataRange`, eso obtendrá todos los valores. Y si queremos obtener valores realmente en formato de matriz, devolverá una matriz multidimensional cuando hacemos `getValues`. Así que de esta manera, en el registro, deberíamos ver todas las filas de valores que tenemos. Así que ejecútalo una vez más y obtén el contenido en formato de matriz, y estaremos listos para pasar a la siguiente lección. Así que antes de esa lección, sigue adelante e inicia sesión en tu cuenta de Google, configura una hoja de cálculo, añade algunos datos de ejemplo. Puedes tener los mismos nombres de columna o nombres de columna diferentes. Solo tendrás que hacer los ajustes conforme avanzamos en las lecciones y luego, bajo "Herramientas", ve a "Editor de scripts", abre el editor de scripts, dale un nombre y crea una función llamada `doGet`. Puedes pasar el parámetro de evento. No es necesario. No es un requisito. Pero en caso de que lo necesites usar, siempre es bueno incluirlo. Y estamos seleccionando la hoja por su ID, abriéndola usando el método `openById` que está contenido dentro de la clase de hojas de cálculo, luego seleccionando la hoja por nombre. Así que asegúrate de que la ortografía del nombre sea correcta y esto espera un valor de cadena para el nombre y luego las filas, y las filas usarán `getDataRange`. Así que la idea es que seleccionemos el rango de datos que queremos usar, `getDataRange`, seleccionar todo el rango de datos disponible y ¿qué queremos hacer con ese rango? Queremos obtener los valores. Así que cuando usemos el método `getValues`, esto lo devolverá en una matriz multidimensional. Así que una vez que estés configurado, estarás listo para pasar a la siguiente lección donde vamos a generar nuestra aplicación web. Así que sigamos adelante.

Comments

Popular posts from this blog

Cómo conectarse a una API JSON y mostrar los resultados en una página usando AJAX y JavaScript

Translator En este ejemplo, nos conectamos a la API de Star Wars en https://swapi.dev/.   La API devuelve resultados en formato de array, luego, usando JavaScript, recorremos el array de resultados y mostramos el título o el nombre que se devuelve en los resultados de los datos JSON.   Películas - [ ] Conectar  Buscar películas Una Nueva Esperanza  El Imperio Contraataca El Retorno del Jedi La Amenaza Fantasma El Ataque de los Clones La Venganza de los Sith | Películas    | app2.js:6 | |---|---| |    | app2.js:23    | - {count: 6, next: n...

Depuración final del código JavaScript

Translator  En esta lección, vamos a hacer algunas depuraciones y mejorar un poco el funcionamiento de la aplicación.   En este momento, el estado actual es que hacemos la solicitud al `doGet`, por lo que obtenemos la salida en vivo de las hojas de cálculo. Y cada vez que hacemos clic en los botones, estamos enviando una solicitud POST de vuelta a la aplicación web, lo que actualiza los valores en el lado del servidor. Además, está devolviendo el nuevo valor dentro de esa respuesta. Así que podemos usar eso y no tener que actualizar todo el contenido de la aplicación web constantemente; podemos ac...

Agregar datos publicados (POST) a la hoja

Translator  En esta lección, vamos a regresar al script y tomaremos el contenido que nos está siendo enviado para actualizar el contenido dentro de la hoja de cálculo. Esta es información que proviene del lado del cliente, desde la aplicación web. Estamos obteniendo un par de valores dentro de los datos. Así que tenemos "resultado abajo" y "fila tres". Esa es la información que se está enviando y que estamos recuperando. Vamos a simular esos mismos datos JSON que están siendo enviados y crear una pequeña aplicación de prueba antes de ponerla en producción. Esta aplicación va a actualiza...