Como usar templates web con Google Apps Script

 Ya he escrito varios posts sobre como implementar webs con Google Apps Script (por ejemplo: webs y webs dinamicas o como hacer logins o usar iframes) pero nunca he hablado de como usar templates web con Google Apps Script.

Primero de todo hemos de explicar que son los templates web. Básicamente un template es una web parametrizada. Parte de su código, de sus variables, dependen de "algo" que nosotros le pasamos al html en el momento de servir la web.

Para que sirve un template web? La potencia que tiene es brutal y sirve para muchísimas cosas pero para lo que más lo uso yo personalmente es para que el html tenga identificadores que permitan relacionar la parte web con la parte más de servidor. Es decir, si necesito que una web introduzca o extraiga información de un spreadsheet puede resultar muy práctico indicarle al html de que spreadsheet debe pillar la información o de que sheet o bien en que fila esta la información de dicho usuario. Esto es solo para poner ejemplos, los usos son múltiples.

Ahora os dejaré un pequeño ejemplo para que podáis probar como funciona:

Index.html

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <script>
    function Click()
    {
       var cosa1 = <?= cosa1 ?>;
       var cosa2 = <?= cosa2 ?>;
       var cosa3 = <?= cosa3 ?>;
       alert(cosa1  + "-" + cosa2 + "-" + cosa3 );
    }
    </script>
  </head>
  <body>
    <h1>
        Gran ejemplo sobre web templates con Google Apps Script
    </h1>
     <button onclick="Click()">Dale</button>
  </body>
</html>

Code.gs
function doGet(e)
{
   var output = HtmlService.createTemplateFromFile('index');
   output.cosa1  = "texto";
   output.cosa2  = "otro texto";       
   output.cosa3  = "y otro mas";
   return output.evaluate();
 }

Espero que os haya servido. No vaciléis en hacerme llegar vuestras dudas

Nos vemos

NOTA: Muy relacionado con este tema también tengo un artículo que puede interesarte sobre como como hacer un iframe de un google apps script

No hay comentarios:

Publicar un comentario

Tal vez te interese

Entradas populares