Como poner en un iframe una web hecha con Google Apps Script

• <<<< Cómo hacer un login con Google Apps Script
• Como quitar el mensaje de ""Otro usuario ha creado esta aplicación, no Google"" con Google Apps Scripts >>>>

Artículo relacionado con la programación web mediante Google Apps Script

Un tema recurrente que he trabajado en este blog es el hecho de crear webs con google apps script.

Os he explicado como hacer webs, logins, chats, webs dinamicas,  y un largo etcétera pero nunca os he explicado un pequeño problema que podéis tener cuando queréis incrustar estas aplicaciones webs en otros sitios ( generalmente con un iframe ).... que no os funcionará :(.

El iframe es una funcionalidad que da HTML para poder incrustar webs dentro de webs, pero que en el caso de webs generadas con Google Apps Script se ha de ir con mucho cuidado y gestionarlo diferente de como estamos acostumbrados. Es muy normal tener problemas con este tema.

Así pues, que podemos hacer si tenemos problemas al hacer un iframe de nuestro Google Apps Script? Hace un tiempo, el equipo de Google solventó esto de una forma fácil aportando la funcionalidad de setXFrameOptionsMode. Resumiendo:

Teneis que cambiar este código antiguo:

function doGet()
{
  return HtmlService.createHtmlOutputFromFile('index');
}

Por este código nuevo

function doGet()
{
    return HtmlService.createTemplateFromFile('index')
        .evaluate() // El evaluate siempre debe estar antes del FrameOptions
        .setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
}

Volvéis a publicar la web y ya lo tendréis funcionando.

Solo un último apunte, no podéis hacer iframe de un código en desarrollo ( /dev) siempre tendréis que hacer iframe de versiones publicadas.

Espero que os haya servido.

No vaciléis en hacerme llegar vuestras dudas

Nos vemos

NOTA: Si te ha gustado este post tal vez también te interese este otro sobre templates web