Cómo usar Google Sheets como base de datos de tu sitio web

Crear base de datos gratis con Google Sheets

Tabla de contenidos:

  • La introducción – Haga clic aquí para el artículo
  • Configurar el alojamiento y el dominio gratuitos – Haga clic aquí para el artículo
  • Configurar la base de datos gratuita con las hojas de Google
  • Enlazar la base de datos de las hojas de Google al sitio web
  • Añadir Javascript para obtener los datos de la base de datos para el bucle Haga clic aquí para el artículo
  • Añadir la función de búsqueda a la página web Haga clic aquí para el artículo
  • Añadir no Php dependiente formulario de contacto Haga clic aquí para el artículo

Para tener un CMS tendrá que tener una base de datos. Si usted nunca ha utilizado una base de datos que el uso de algo como WordPress u otra plataforma CMS tendrá una curva de aprendizaje y podría ser desalentador para averiguar cómo utilizarlos. Además, las plataformas como WordPress tienen muchas partes móviles y son más susceptibles de romperse. WordPress sólo requiere más mantenimiento.

Por el contrario, algo muy familiar como Google Sheets, que no es más que una hoja de cálculo, es algo que la mayoría de la gente ya sabe utilizar y no es ni mucho menos intimidante de aprender en comparación con WordPress.

Este método que voy a repasar es gratuito y le ayudará a ahorrar dinero, pero no es la mejor solución para los sitios web que necesitan protección de seguridad avanzada. Sin embargo, es perfecto para un diseñador o desarrollador que quiere mostrar su trabajo o portafolio.

¿Cómo utilizar las hojas de cálculo de Google para actuar como su base de datos sin embargo?

En primer lugar, usted tendrá que tener una cuenta de Google y crear una nueva hoja de cálculo.

Si usted no tiene una cuenta de Google, usted puede ir aquí.

Debajo de la opción Iniciar una nueva hoja de cálculo, haga clic en la opción que dice en blanco. Vea la imagen de abajo como referencia.

Cuando creas una nueva hoja debe verse algo así:

La primera fila será importante. Sirve como título a la información de los datos que vamos a introducir.

Por ejemplo, si quieres que la columna B tenga datos de fechas, entonces en la primera fila de la columna B tendrás la palabra fecha. En las siguientes filas introducirá las distintas fechas que necesite.

Los títulos de las columnas deben ser de una sola palabra, sin mayúsculas. Si necesita utilizar varias palabras para el título de la columna, inserte un guión entre las palabras. Puedes ver la imagen de abajo como referencia.

Ahora que tu hoja de cálculo de Google está configurada, necesitarás vincular la hoja de cálculo a tu sitio web. Para ello utilizaremos un javascript de código abierto llamado Tabletop. Lo recomiendo porque es gratuito y fácil de configurar.

Tendrás que descargar el javascript Tabletop. Se puede encontrar aquí.

Hay instrucciones detalladas para configurarlo en la página de descarga, pero voy a dar un breve recorrido.

  1. Copia y pega el siguiente código en un archivo javascript para tu sitio web:

function init() {
Tabletop.init( { clave: ‘https://docs.google.com/spreadsheets/d/0AmYzu_s7QHsmdDNZUzRlYldnWTZCLXdrMXlYQzVxSFE/pubhtml’,
callback: function(datos, tabletop) {
console.log(datos)
},
simpleSheet: true } )
}
window.addEventListener(‘DOMContentLoaded’, init)

2. Sustituye el enlace donde pone ‘key’ por la clave de tu hoja de cálculo de Google.

Para encontrar la clave de tu hoja de cálculo, vuelve a tu Google Sheet.

La clave está en la URL y está después de «https://docs.google.com/spreadsheets/d/ » y antes de la última «/».

La clave tendrá letras y números y posiblemente tenga guiones o guiones bajos.

Cuando ejecute esto en su sitio web, tendrá un problema para generar sus datos y eso es porque necesita publicar su hoja de cálculo.

Vuelva a su hoja de Google y vaya a Archivo > Publicar en la web

Obtendrá este menú de diálogo.

Asegúrate de tener seleccionado todo el documento en la opción desplegable. Puede elegir publicar automáticamente los cambios marcando la opción de la parte inferior. Si no lo haces, tendrás que publicar la hoja de cálculo cada vez que hagas un cambio.

Al utilizar Tabletop.js puedes conectar tu Google Sheet a tu sitio web. Usar Google Sheets como base de datos te permite evitar el aprendizaje de una nueva plataforma CMS, pero si ya conoces algo como WordPress, puedes seguir usando Google Sheets ya que no requiere tanto mantenimiento. Además, junto con las ideas que he proporcionado sobre cómo obtener alojamiento gratuito, esta manera le ahorrará dinero.

Con eso dicho, esta es una manera fácil y gratuita para obtener un CMS en funcionamiento en relación con otras opciones. Manténgase en sintonía para la próxima semana como te muestro cómo obtener su sitio web para el bucle a través de su base de datos data.

Obtener más ideas como esta en mi blog, jaejohns.com/blog

Deja una respuesta

Tu dirección de correo electrónico no será publicada.