Embedded Files
Implementar como Web App
Implementar como Web App
Quizás quieras mostrar el código como una Web App para visualizarlo como una web de forma independiente.
5
5
Para ejecutar el código que hemos copiado desde Codepen.io, es necesario crear un script.
Elige una carpete de Drive donde alojar el script y, tal y como se muestra en la imagen, créalo.
Por defecto, se crea un "Proyecto sin título". Este proyecto incluye una pestaña a la izquierda llamada "Código.gs" y una función "vacía" asociada a ese código en el editor de comandos.
6
6
Para localizarlo con facilidad, vamos a titular este proyecto como "Proyecto Site + Web App"
7
7
Pulsamos en la esquina superior izquierda para cambiar el nombre del proyecto. Se abrirá un cuadro emergente para escribir el nuevo título.
Si no hay ningún problema, este será el aspecto del Script que estamos creando.
9
9
Se abrirá una ventana para poder asignar un nombre a este archivo html. En este caso, vamos a escribir "Index" y clicaremos en Aceptar
10
10
Si todo va bien, tendremos ahora dos pestañas en la izquierda. Una llamada "Código.gs" y otra con el nuevo archivo "Index.html"
11
11
Ahora, tenemos que pegar el código del punto 4 dentro de "Index.html". Antes de hacerlo, tendremos que borrar el código que aparece por defecto.
12
12
Es importante Guardar el proyecto. Para eso, encontrarás un botón en la parte superior.
13
13
Ahora ya tenemos el código pegado en la pestaña "Index.html". Sólo queda poder ejecutarlo desde el script. Para eso, tendremos que borrar el contenido de "Código.gs" y pegar este de aquí:
function doGet() { return HtmlService.createHtmlOutputFromFile('Index');}
No olvides dar a Guardar
Ya está casi todo el trabajo hecho; nos quedan un par de detalles.
Ya está casi todo el trabajo hecho; nos quedan un par de detalles.
14
14
Desde el menú superior, podemos publicar el script (Código + html). Seleccionamos "Publicar" e "Implementar como aplicación web..."
15
15
Vamos a configurar la manera en la que se podrá acceder a este script. En ese caso, su puede indicar una breve reseña del proyecto (Ejemplo). Se puede configurar la aplicación para que la ejecutemos directamente nosotros (no creo que hay ningún problema en este asunto) e, indiciar que "Cualquier persona, incluso de forma anónima" pueda acceder.
16
16
Vamos a configurar la manera en la que se podrá acceder a este script. En ese caso, su puede indicar una breve reseña del proyecto (Ejemplo). Se puede configurar la aplicación para que la ejecutemos directamente nosotros (no creo que hay ningún problema en este asunto) e, indiciar que "Cualquier persona, incluso de forma anónima" pueda acceder.
17
17
Ahora, ya tenemos una URL (una dirección web con el proyecto publicado)
https://script.google.com/macros/s/AKfycbwGVAcVqZ6gebYx99xu2T--forYevXlq3TN_2leGXNTUYyS0DB7/exec
Este sería el aspecto si también queremos incorporar este proyecto publicado en nuestro Site...
¿Quieres ir un paso más allá? ¿Quieres modificar el elemento que aparece en pantalla?
¿Quieres ir un paso más allá? ¿Quieres modificar el elemento que aparece en pantalla?
⬇⬇
⬇⬇
⬇⬇
⬇⬇
⬇⬇
⬇⬇
Google Sites
Report abuse