0
222
Vistas¿Limitaciones de Javascript de Google Apps Scripts WebApps?
Vamos, ayúdame a empujar los límites un poco aquí...
Google admite pegar su Javascript en un archivo html. Este chico muestra cómo mostrar imágenes en una aplicación web realizada en un script de Google. Ese tipo hace que those images have s3x (quiero decir, ¡dame una mejor descripción aquí!)
Las variables de configuración para las imágenes que residen en Google Drive en Code.gs y luego intentar usarlas en el archivo javascript no funcionan. Me sale una pantalla en blanco.
¿Es esto una limitación de Google o una limitación de conocimiento de Javascript de mi parte?
Este es el punto de código js donde mapeo las dos imágenes.
Esto muestra el html que vemos.
Aquí es donde ocurre la magia...
el cs....
1 Respuestas
Responde la pregunta0
Tema:
Usted creó una instancia de pic1 y pic2 en su Code.gs y espera tener esos valores cuando esté en su archivo HTML/JavaScript, lo cual no es totalmente el caso.
Solución:
Para pasar valores del lado del servidor al lado del cliente, use google.script.run . Puede llamar directamente a get_the_images en lugar de instanciarlo en variables y luego pasarlas. Vea el código de muestra a continuación sobre cómo se pasan los valores de GS a su HTML/JavaScript.
Código.gs:
function doGet() { var htmlOutput = HtmlService.createTemplateFromFile('Page'); return htmlOutput.evaluate(); } function include(filename) { return HtmlService.createHtmlOutputFromFile(filename).getContent(); } function get_the_images() { // supposedly ID of said images (IDs for test purposes) return ['rxcmaiw_23jsu', 'qwejiasd23saf']; }Página.html:
<!DOCTYPE html> <html> <head> <base target="_top"> </head> <body> value of pic1 id is: <span id="pic1"> </span> </br> value of pic2 id is: <span id="pic2"> </span> <?!= include('Javascript'); ?> </body> </html>Javascript.html:
<script> let span1 = document.querySelector('#pic1'); let span2 = document.querySelector('#pic2'); // call get_the_images function from Code.gs google.script.run.withSuccessHandler(onSuccess).get_the_images(); function onSuccess(result){ // result contains the return value of get_the_images var [pic1, pic2] = result; // at this point, pic1 and pic2 contains the ids // show them as images using your script // below just confirms the IDs if passed properly span1.innerHTML = pic1; span2.innerHTML = pic2; } </script>Producción:
