Como usar Google Drive como servidor de hosting

 Uno de los mayores problemas cuando haces un pequeño juego web o implementas una web pequeña para un cliente es donde alojar los recursos (imágenes, videos y audios) necesarios para tu producto. 

La respuesta lógica es usar un servidor de hosting donde almacenar la web y los recursos necesarios, pero cuando haces un pequeño proyecto personal o directamente cuando hacemos una web con Google Apps Script el hosting deja de tener sentido. Precisamente una de las ventajas de hacer webs con Google Apps Script es que no necesitas pagar por un servidor para alojar tu web. Además, si es una web para un cliente, sabrá el como actualizar  los recursos del hosting?

La solución más fácil para este problema es usar Google Drive para almacenar todos los recursos que necesitemos y obtenerlos de "alguna manera" para usarlos en nuestra web. No es complicado pero es algo que la gente desconoce bastante: usando la API por url de Drive. Podemos pedirle a Drive que nos de todo el stream de datos de un ciertos recurso y cargarlo en nuestra web como el tipo que necesitemos. 

Por ejemplo, en HTML5, si queremos cargar un audio que tenemos en drive solo tendríamos que hacer algo de estilo de este código:

<script>
function play() {
  var audio = new Audio('https://docs.google.com/uc?export=download&id=1xiCimh6-rQvwtpdYytNGd5Y8v2V4cjTz');
  audio.play();
}
</script>

Si os fijáis solo tenemos que cargar el recurso como si fuera un audio normal y corriente pero en la ruta del fichero ponerle algo del estilo de : https://docs.google.com/uc?export=download&id="id del fichero de audio de drive". 

Con este sencillo truco podréis usar cualquier fichero de audio que tengáis en Google Drive y nadie que use tu web notará la diferencia con una web con hosting.

Si queréis usar este truco para imágenes también funciona de la misma manera:

<img src='https://docs.google.com/uc?export=download&id=19kKkZT6DaBUVn4_9b8A-ulAeR4e8ApFw'/>

Y de la misma forma podréis estar pintando imágenes que están alojadas en Google Drive. Esto nos otorga una potencia descomunal. Podemos hacer webs dinámicas en que controlamos totalmente el contenido y podemos permitir que quien sea necesario actualice los gráficos o sonidos sin problemas.

Te imaginas subir imágenes a través de un formulario que luego usas para mostrarlo a través de una web? Las posibilidades que se abren con este truco no tienen fin.

Si queréis ver un ejemplo de como queda en una web, aquí tenéis un post donde uso la técnica que os he explicado para poner un botón con audio, cuyos recursos están en mi Drive.

Nos vemos!



No hay comentarios:

Publicar un comentario

Tal vez te interese