Como usar o Google Sheets como base de dados do seu website

Configurar uma base de dados gratuita com o Google Sheets

Tabela de conteúdos:

  • A Introdução – Clique Aqui para o Artigo
  • Alojamento e Domínio Gratuitos – Clique Aqui para o Artigo
  • Alojamento e Domínio Gratuitos com o Google Sheets
  • Ligar o Google Sheet Database ao Website
  • Adicionar Javascript para obter dados do banco de dados para loop Clique aqui para o artigo
  • Adicionar função de pesquisa ao site Clique aqui para o artigo
  • Adicionar formulário de contato não dependente de Php Clique aqui para o artigo

Para ter um CMS, você precisará ter um banco de dados. Se você nunca usou um banco de dados do que usar algo como WordPress ou outra plataforma CMS terá uma curva de aprendizado e poderá ser assustador descobrir como usá-los. Além disso, plataformas como o WordPress têm muitas partes móveis e são mais suscetíveis à quebra. WordPress apenas requer mais manutenção.

Pelo contrário, algo muito familiar como o Google Sheets, que é apenas uma planilha, é algo que a maioria das pessoas já sabe como usar e não é nada intimidante de se aprender comparado ao WordPress.

Este método que vou rever é gratuito e vai ajudá-lo a economizar dinheiro, mas não é a melhor solução para sites que precisam de proteção avançada de segurança. No entanto, é perfeito para um designer ou desenvolvedor que quer exibir seu trabalho ou portfólio.

Como você usa as planilhas do Google para agir como sua base de dados?

Primeiro, você terá que ter uma conta do Google e criar uma nova planilha.

Se você não tiver uma conta do Google, você pode ir aqui.

Abaixo da opção Iniciar uma nova planilha, clique na opção que diz em branco. Veja a imagem abaixo para referência.

>

Quando você cria uma nova planilha, ela deve se parecer com algo assim:

>

A primeira fila será importante. Ela serve como título para as informações de dados que iremos inserir.

Por exemplo, se você quiser que a coluna B tenha dados de datas, então na primeira linha da coluna B você terá a palavra data. Nas linhas seguintes você vai inserir as várias datas necessárias.

Os títulos das colunas devem ser apenas uma palavra, sem maiúsculas. Se você precisar usar várias palavras para o título da coluna, então insira um hífen entre as palavras. Você pode ver a imagem abaixo para referência.

Agora a sua planilha do Google está configurada, você precisará vincular a planilha ao seu site. Para isso vamos usar um javascript de código aberto chamado Tabletop. Eu recomendo isto porque é gratuito e fácil de configurar.

Terá de fazer o download do javascript do Tabletop. Ele pode ser encontrado aqui.

Existem instruções detalhadas para configurá-lo na página de download, mas vou dar um breve passo-a-passo.

  1. Copiar e Colar o código abaixo em um arquivo javascript para o seu site:

função init() {
Tabletop.init( { chave: ‘https://docs.google.com/spreadsheets/d/0AmYzu_s7QHsmdDNZUzRlYldnWTZCLXdrMXlYQzVxSFE/pubhtml’,
callback: function(data, tabletop) {
console.log(data)
},
simpleSheet: true } )
}
window.addEventListener(‘DOMContentLoaded’, init)

2. Substitua o link onde diz ‘chave’ pela sua chave da planilha do Google.

Para encontrar a chave da sua planilha, volte para a sua planilha do Google.

A chave está na URL e está depois de “https://docs.google.com/spreadsheets/d/ ” e antes do último “/”.

A chave será letras e números e possivelmente terá hífenes ou sublinhados.

Quando executar isto no seu website, terá um problema em gerar os seus dados e isso é porque precisa de publicar a sua folha de cálculo.

Volte para a sua folha de cálculo do Google e vá para Ficheiro > Publique na web

Terá este menu de diálogo.

>

>

Confirme-se de que tem o documento inteiro seleccionado na opção dropdown. Você pode optar por publicar as alterações automaticamente verificando o recurso na parte inferior. Se você não fizer isso, você terá que publicar a planilha toda vez que fizer uma alteração.

Usando o Tabletop.js você pode conectar sua Planilha do Google ao seu website. Usando o Google Sheets como sua base de dados permite-lhe evitar aprender uma nova plataforma CMS, mas se você já sabe algo como WordPress, você ainda pode usar o Google Sheets porque ele não requer tanta manutenção. Além disso, juntamente com os insights que eu forneci sobre como obter hospedagem gratuita, desta forma você economizará dinheiro.

Com isso, esta é uma maneira fácil e gratuita de ter um CMS funcionando em relação a outras opções. Fique atento durante a próxima semana enquanto lhe mostro como fazer o seu site circular pelos dados da sua base de dados.

Obtenha mais insights como este no meu blog, jaejohns.com/blog

Deixe uma resposta

O seu endereço de email não será publicado.