Si vous cherchez à héberger gratuitement un site Web simple, vous n'êtes pas limité aux fabricants de sites Web gratuits tels que Google Sites ou Wix. De nombreux fournisseurs de cloud proposent des plateformes d'hébergement avec de généreux niveaux gratuits qui vous permettent d'avoir un contrôle total sur le contenu que vous servez.
Qu'est-ce qu'un site Web «statique»?
Contrairement à son apparence, un site Web «statique» ne signifie pas que votre site doit ressembler à une page GeoCities 1999. Vous êtes toujours libre de diffuser du contenu JavaScript, même des applications Web complètes d'une seule page conçues avec des cadres comme React.
Statique signifie simplement que votre contenu ne change pas avant d'être diffusé. Par exemple, WordPress répond aux demandes et modifie le contenu de la page à l'aide de PHP, selon la page que vous avez demandée. Un site Web statique, d'autre part, est tout simplement du HTML, plus les images, CSS ou JavaScript que vous envoyez avec. Vous êtes libre de le modifier côté client avec JavaScript après l'avoir envoyé à l'utilisateur, c'est ainsi que React fonctionne, mais même dans ce cas, le fichier JavaScript lui-même est statique.
L'avantage d'avoir votre site Web entièrement statique est que vous n'avez pas réellement besoin d'un serveur Web sophistiqué comme NGINX ou Apache pour diffuser votre contenu. Parce qu'il ne s'agit que de fichiers statiques, de nombreux fournisseurs, comme AWS et Google Cloud Platform, proposent des moyens d'héberger ces types de sites Web à partir de compartiments de stockage cloud.
Google propose un tel service, pour l'hébergement à partir d'un bucket Cloud Storage en utilisant un Load Balancer ou un CDN en face de lui. Cependant, il est conçu pour les sites d'entreprise hautes performances et n'est pas entièrement gratuit. Pour les déploiements simples, vous pouvez utiliser la plate-forme Firebase de Google, qui est conçue pour fournir des backends aux applications mobiles, mais comprend également un fantastique service d'hébergement de contenu statique que vous pouvez utiliser.
Configuration d'un déploiement Firebase
Firebase fait partie de Google Cloud Platform, vous aurez donc besoin d'un projet GCP à utiliser avec Firebase. Rendez-vous au Console GCP et créez-en un nouveau dans la liste déroulante de la barre de menus:
Vous aurez besoin de la CLI Firebase pour la partie suivante. Téléchargez le binaire de votre système d'exploitation, puis exécutez le base de feu depuis votre terminal pour vous connecter et connecter la CLI Firebase à votre compte Google.
base de feu
Ensuite, accédez au répertoire avec CD que vous souhaitez utiliser pour le code de votre site Web, puis exécutez init de base de feu:
Cela configurera le répertoire actuel en tant que projet Firebase. Pour les fonctionnalités, choisissez «Hébergement».
Sélectionnez «Ajouter Firebase à un projet Google Cloud Platform existant», puis sélectionnez le projet GCP que vous avez créé. Vous pouvez créer un tout nouveau projet ici, mais lors de nos tests, il a donné une erreur lors de la configuration et nous devons quand même en créer un manuellement.
Pour la configuration de l'hébergement, vous pouvez définir le répertoire public (par défaut «public»). Si vous utilisez une bibliothèque côté client comme React pour gérer le routage, vous pouvez configurer le projet en tant qu'application d'une seule page, qui réécrira toutes les URL pour les diriger vers la seule page index.html.
Firebase devrait maintenant être configuré. Vous pouvez déployer le site Web pour la première fois en utilisant déploiement de Firebase. Cette commande synchronisera votre répertoire local avec votre déploiement cloud. Chaque fois que vous souhaitez mettre à jour le site, il vous suffit d'exécuter déploiement de Firebase encore.
Votre site sera désormais visible sur projectname.web.app. Cependant, vous souhaiterez probablement configurer un domaine personnalisé, ce qui est assez facile. Vous aurez bien sûr besoin d'un domaine personnalisé enregistré auprès d'un registraire de domaine, comme Namecheap ou Google Domains.
Rendez-vous au Console Firebase, sélectionnez votre projet, puis sélectionnez «Hébergement» dans la barre latérale. Cliquez sur "Ajouter un domaine personnalisé".
Entrez votre domaine et vous recevrez un enregistrement TXT. Accédez aux paramètres de votre registraire de domaine et définissez le nom d'hôte et la valeur sur les valeurs qui vous sont données en tant que nouvel enregistrement TXT.
Une fois la vérification effectuée, vous devrez bien sûr pointer le domaine vers Firebase. Firebase vous donnera deux adresses IP à ajouter à votre domaine. Remplacez tout «A Records» existant que vous pourriez avoir.
Votre site affichera un avertissement HTTPS rouge pendant un petit moment, tandis que Firebase vous fournira automatiquement un certificat SSL gratuit. Vous n'avez rien à faire car ce processus est automatique.
Chaque fois que vous devez déployer des mises à jour, apportez des modifications au code dans le dossier public et exécutez déploiement de Firebase depuis votre terminal. Vous devriez voir les modifications déployées en moins d'une minute.