Saltar al contenido

¿Utilizar archivos JavaScript y CSS del proyecto en una aplicación web de Google Apps Script?

Solución:

Aquí hay una solución que he encontrado útil:

  1. Agregue esta función a su Javascript del lado del servidor:

    function getContent(filename) {
        return HtmlService.createTemplateFromFile(filename).getRawContent();
    }
    
  2. Agregue un segundo archivo ‘html’ a su proyecto que contenga solo el JS o CSS rodeado por <script> o <style> etiquetas según corresponda.

    <!-- myscript.js.html -->
    <script>
        alert("Script included!");
    </script>
    
  3. Ahora puede incluir el script en su plantilla HTML principal de esta manera:

    <?!= getContent("myscript.js") ?>
    

De esta manera, puede dividir su JS y CSS en tantos archivos como desee y mantenerlos accesibles desde el proyecto de Apps Script.

Google proporciona una solución similar aquí.

Básicamente, sugieren que agregue esta función a su archivo .gs:

function include(filename) {
  return HtmlService.createHtmlOutputFromFile(filename)
      .setSandboxMode(HtmlService.SandboxMode.IFRAME)
      .getContent();
}

y agregue uno o ambos a su archivo .html:

<?!= include('Stylesheet'); ?>
<?!= include('JavaScript'); ?>

los nombres entre comillas, por supuesto, se refieren a archivos .html separados que contienen su código JS o CSS con <script> o <style> etiquetas.

Por ahora, no es posible que su script CSS y JS forme parte de su proyecto de Google Apps Script. Tendrá que alojarlo en otro lugar y apuntar la URL en su plantilla.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *