Comment utiliser Google Sheets comme base de données de votre site web

Créer une base de données gratuite avec Google Sheets

Table des matières :

  • L’Intro – Cliquez ici pour l’article
  • Créer un hébergement et un domaine gratuits – Cliquez ici pour l’article
  • Créer une base de données gratuite avec Google Sheets
  • Lier la base de données Google Sheet au site web
  • Ajouter du Javascript. pour obtenir les données de la base de données en boucle Cliquez ici pour l’article
  • Ajouter une fonction de recherche au site Web Cliquez ici pour l’article
  • Ajouter un formulaire de contact non dépendant de Php Cliquez ici pour l’article

Pour avoir un CMS, vous devrez avoir une base de données. Si vous n’avez jamais utilisé une base de données que l’utilisation de quelque chose comme WordPress ou une autre plate-forme CMS aura une courbe d’apprentissage et pourrait être décourageant pour comprendre comment les utiliser. En outre, les plateformes comme WordPress ont beaucoup de pièces mobiles et sont plus susceptibles de se briser. WordPress nécessite simplement plus de maintenance.

Au contraire, quelque chose de très familier comme Google Sheets, qui n’est qu’une feuille de calcul, est quelque chose que la plupart des gens savent déjà utiliser et il n’est nulle part intimidant à apprendre par rapport à WordPress.

Cette méthode que je vais passer en revue est gratuite et vous aidera à économiser de l’argent, mais ce n’est pas la meilleure solution pour les sites Web qui ont besoin d’une protection de sécurité avancée. Cependant, il est parfait pour un concepteur ou un développeur qui veut afficher son travail ou son portefeuille.

Comment utiliser les feuilles de calcul Google pour agir comme votre base de données cependant?

D’abord, vous devrez avoir un compte Google et créer une nouvelle feuille de calcul.

Si vous n’avez pas de compte Google, vous pouvez aller ici.

Sous l’option Démarrer une nouvelle feuille de calcul, cliquez sur l’option qui dit vide. Visualisez l’image ci-dessous à titre de référence.

Lorsque vous créez une nouvelle feuille, elle devrait ressembler à quelque chose comme ceci :

La première ligne sera importante. Elle sert de titres aux informations de données que nous allons saisir.

Par exemple si vous voulez que la colonne B ait des données de dates, alors dans la première ligne de la colonne B vous aurez le mot date. Dans les lignes suivantes, vous saisirez les différentes dates dont vous avez besoin.

Les titres des colonnes ne doivent comporter qu’un seul mot, sans majuscule. Si vous devez utiliser plusieurs mots pour le titre de la colonne, insérez un trait d’union entre les mots. Vous pouvez consulter l’image ci-dessous pour référence.

Maintenant que votre feuille de calcul Google est configurée, vous devrez lier la feuille de calcul à votre site Web. Pour ce faire, nous allons utiliser un javascript open source appelé Tabletop. Je le recommande car il est gratuit et facile à configurer.

Vous devrez télécharger le javascript Tabletop. Il peut être trouvé ici.

Il y a des instructions détaillées pour le configurer sur la page de téléchargement, mais je vais donner un bref walkthrough.

  1. Copiez et collez le code ci-dessous dans un fichier javascript pour votre site web:

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

2. Remplacez le lien où il est écrit ‘clé’ par votre clé de feuille de calcul Google.

Pour trouver votre clé de feuille de calcul, retournez à votre feuille de calcul Google.

La clé se trouve dans l’URL et se trouve après « https://docs.google.com/spreadsheets/d/  » et avant le dernier « / ».

La clé sera constituée de lettres et de chiffres et comportera éventuellement des traits d’union ou des traits de soulignement.

Lorsque vous l’exécuterez sur votre site web, il aura un problème pour générer vos données et c’est parce que vous devez publier votre feuille de calcul.

Retournez à votre feuille Google et allez dans Fichier > Publier sur le web

Vous obtiendrez ce menu de dialogue.

Vérifiez que vous avez le document entier sélectionné dans l’option déroulante. Vous pouvez choisir de publier automatiquement les modifications en cochant la fonction en bas. Si vous ne le faites pas, vous devrez publier la feuille de calcul chaque fois que vous apportez une modification.

En utilisant Tabletop.js, vous pouvez connecter votre feuille Google à votre site Web. Utiliser Google Sheets comme base de données vous permet d’éviter d’apprendre une nouvelle plateforme CMS, mais si vous connaissez déjà quelque chose comme WordPress, vous pouvez toujours utiliser Google Sheets car il ne nécessite pas autant de maintenance. De plus, couplé avec les idées que j’ai fournies sur la façon d’obtenir un hébergement gratuit, cette façon vous permettra d’économiser de l’argent.

Avec cela dit, c’est une façon facile et gratuite d’obtenir un CMS opérationnel par rapport aux autres options. Restez à l’écoute pour la semaine prochaine, car je vous montrerai comment faire en sorte que votre site Web boucle à travers les données de votre base de données.

Ayez plus d’aperçus comme celui-ci sur mon blog, jaejohns.com/blog

.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.