Geekflare est soutenu par notre public. Nous pouvons gagner des commissions d'affiliation en achetant des liens sur ce site.
Partager sur:

Comment héberger un site Web statique sur Google Cloud Storage?

site Web statique gcs
Scanner de sécurité des applications Web Invicti – la seule solution qui offre une vérification automatique des vulnérabilités avec Proof-Based Scanning™.

Un guide étape par étape pour l'hébergement d'un site Web statique sur Google Cloud Storage pour de meilleures performances à moindre coût.

Si vous hébergez un site Web statique (HTML/CSS/JS/Images), vous n'avez pas à vous soucier de la gestion de votre site. Hébergement Web cPanel planifier. Au lieu de cela, vous pouvez utiliser Google Cloud Storage (GCS), qui sera moins cher, plus rapide et facile à entretenir.

Un site statique convient aux pages personnelles, d'entreprise, d'information ou à tout ce dont vous ne vous attendez pas à générer une transaction ou un contenu dynamique. Il n'a pas besoin de traitement côté serveur ni de connectivité à la base de données.

Why Google Cloud Storage?

Il fonctionne mieux à moindre coût.

Vous pouvez héberger 10 Go de sites multirégionaux pour une haute disponibilité pour moins de 1 $ par mois.

estimation des coûts de stockage

Vous pouvez choisir d'héberger votre contenu sur un stockage multirégional classe, ce qui signifie que vos données sont disponibles dans les centres de données de deux régions pour une haute disponibilité.

Offres Google haute performance stockage cloud pour contenu à chargement rapide dans le monde entier, avec un SLA de disponibilité de 99.95%. Il y a pas de limite minimum pour un objet, et vous payez pour ce que vous utilisez.

Les instructions suivantes vous aideront à héberger le site Web statique sur Cloud Storage dans moins de minutes 15.

Prérequis

Cela suppose que vous avez un nom de domaine enregistré et un compte créé avec Google Cloud.

Pour cette démonstration, j'utiliserai lab.geekflare.com.

Commençons…

Vérifier la propriété du domaine

Tout d'abord, vous devez vérifier que vous êtes le propriétaire du domaine en ajoutant l'URL à "Recherche Console. »

Create Storage Bucket

Comment-créer-un-seau-dans-Google-Storage-étape-1
  • Se connecter à cloud Storage et cliquez sur "Créer un bucket".
  • Entrer le nom du compartiment (conseils importants: si vous souhaitez pointer votre nom de domaine vers le stockage, vous devez donner le nom du bucket en tant que nom de domaine)
  • Sélectionnez le classe de stockage (quitter multi-régional pour haute performance et disponibilité)
  • Sélectionnez un emplacement parmi les États-Unis, l'UE et l'Asie (choisissez le plus proche de votre public)
  • Sélectionnez standard comme classe de stockage par défaut
  • Sélectionnez un contrôle d'accès uniforme
  • Quitter le Clé gérée par Google sélectionné dans les options avancées.
  • Cliquez sur Créer

Remarque : si un le domaine n'est pas vérifié, vous obtiendrez une erreur comme ci-dessous.

avertissement-vérification-domaine

Vous devez donc vous assurer que le nom de domaine que vous avez entré dans le nom du compartiment est vérifié.

Une fois qu'un bucket est créé, vous devriez les voir dans la liste.

Configuring Storage Bucket

Il est nécessaire de configurer votre bucket pour que votre site soit accessible sur Internet.

  • Sélectionnez le bucket dans la liste
  • Cliquez sur l'icône de réglage sur le côté droit >>Modifier les autorisations de compartiment
  • Il ouvrira les propriétés des autorisations sur le côté droit, cliquez sur Ajouter un membre
  • Tapez allUsers dans le champ "Nouveaux membres" et sélectionnez le rôle de "Visionneuse d'objets de stockage".
  • Enregistrez la configuration et autorisez l'accès public.

Configurons l'index et page d'erreur.

  • Cliquez à nouveau sur l'icône de configuration >>Modifier la configuration du site Web
  • Entrez l'index et les pages 404 (la plupart du temps, la page d'index serait index.html et 404.html)
gcs-site-configuration
  • Sauvegarder la configuration

Uploading Static Website

Il est temps de télécharger votre site sur le stockage cloud. j'utilise Diapositives par Designmodo pour mon site Web statique.

  • Cliquez sur le seau nouvellement créé.
  • Cliquez sur «Télécharger le dossier / Télécharger les fichiers» et choisissez les fichiers de votre site Web à télécharger.
  • Assurez-vous que index.html est présent à la racine du compartiment

En fonction de la taille du fichier, cela peut prendre un certain temps.

Update CNAME Record

Enfin, vous devez faire pointer votre domaine vers Google Cloud Storage à l'aide d'un enregistrement CNAME.

Connectez-vous au panneau de contrôle de votre registraire de domaine et mettez à jour CNAME en c.storage.googleapis.com de votre domaine. La propagation globale du DNS peut prendre un certain temps et vous pouvez utiliser le Recherche DNS outil pour vérifier le résultat.

Une fois que le domaine CNAME est résolu en c.storage.googleapis.com, vous pouvez essayer d'accéder à l'URL pour confirmer que vous travaillez comme prévu.

statique-site-gcs

Donc, comme vous pouvez le voir, mon site Web statique est opérationnel sur le stockage Google Cloud.

Par défaut, un site sera disponible http:// cependant, si vous avez besoin de le sécuriser et de le rendre accessible en utilisant https:// puis j'ai écrit ce post pour mettre en place SSL sur le site hébergé GCS.

Quelle alternative à GCS pour héberger des sites statiques?

Il y a quelques options.

Vous pouvez choisir l'option sur ces plates-formes d'hébergement statiques ou de l'utilisation MinIO qui est une solution de stockage d'objets auto-hébergée.

J'espère que ce qui précède vous donne une idée de la facilité d'héberger un site Web statique sur Cloud Storage à faible coût.

Merci à nos commanditaires
Plus de bonnes lectures sur le Cloud Computing
Alimentez votre entreprise
Certains des outils et services pour aider votre entreprise à se développer.
  • Invicti utilise Proof-Based Scanning™ pour vérifier automatiquement les vulnérabilités identifiées et générer des résultats exploitables en quelques heures seulement.
    Essayez Invicti
  • Web scraping, proxy résidentiel, proxy manager, web unlocker, moteur de recherche et tout ce dont vous avez besoin pour collecter des données Web.
    Essayez Brightdata
  • Semrush est une solution de marketing numérique tout-en-un avec plus de 50 outils de référencement, de médias sociaux et de marketing de contenu.
    Essayez Semrush
  • Intruder est un scanner de vulnérabilités en ligne qui détecte les failles de cybersécurité de votre infrastructure, afin d'éviter des violations de données coûteuses.
    Essayez Intruder