Héberger un site Web statique sur Google App Engine

Vous pouvez faire appel à Google App Engine pour héberger un site Web statique. Les pages Web statiques peuvent contenir des technologies clientes telles que HTML, CSS et JavaScript. Il peut s'avérer moins coûteux d'héberger votre site statique sur App Engine que d'utiliser un fournisseur d'hébergement classique, car App Engine propose une version gratuite.

Les sites hébergés sur App Engine sont hébergés sur le sous-domaine appspot.com, par exemple [my-project-id].appspot.com. Une fois que vous avez déployé votre site, vous pouvez mapper votre propre nom de domaine à votre site Web hébergé par App Engine.

Avant de commencer

Avant de pouvoir héberger votre site Web sur Google App Engine, vous devez effectuer les opérations suivantes :

  1. Créez un projet dans la console GCP ou récupérez l'ID d'un projet existant que vous souhaitez utiliser :

    Accéder à la page Projets

    Conseil : Vous pouvez récupérer la liste de vos ID de projet existants avec l'outil de ligne de commande gcloud.

  2. Installez, puis initialisez le SDK Google Cloud :

    Télécharger le SDK

Créer un site Web à héberger sur Google App Engine

Structure de base du projet

Ce guide utilise la structure suivante pour le projet :

  • app.yaml : configuration des paramètres de votre application App Engine
  • www/ : répertoire où stocker tous vos fichiers statiques (HTML, CSS, images et JavaScript)
    • css/ : répertoire où stocker les feuilles de style
      • style.css : feuille de style de base qui met en forme votre site
    • images/ : répertoire facultatif où stocker des images
    • index.html : fichier HTML qui affiche le contenu de votre site Web
    • js/ : répertoire facultatif où stocker des fichiers JavaScript
    • Autres annuaires d'éléments

Créer le fichier app.yaml

Le fichier app.yaml est un fichier de configuration qui indique à App Engine comment mapper les URL aux fichiers statiques. Dans les étapes suivantes, vous allez ajouter des gestionnaires qui chargeront le fichier www/index.html lorsque qu'un utilisateur consultera votre site Web, et tous les fichiers statiques seront stockés dans le répertoire www et appelés à partir de celui-ci.

Créez le fichier app.yaml dans le répertoire racine de votre application :

  1. Créez un répertoire portant le même nom que votre ID de projet. Vous trouverez ce dernier dans la console.
  2. Dans le répertoire que vous venez de créer, créez un fichier nommé app.yaml.
  3. Modifiez le fichier app.yaml pour y ajouter le code suivant :

    runtime: python27
    api_version: 1
    threadsafe: true
    
    handlers:
    - url: /
      static_files: www/index.html
      upload: www/index.html
    
    - url: /(.*)
      static_files: www/\1
      upload: www/(.*)
    

Pour en savoir plus sur le fichier app.yaml, consultez la documentation de référence sur le fichier app.yaml.

Créer le fichier index.html

Créez un fichier HTML qui sera diffusé lorsque quelqu'un accédera à la page racine de votre site Web. Stockez ce fichier dans le répertoire www.

<html>
  <head>
    <title>Hello, world!</title>
    <link rel="stylesheet" type="text/css" href="/css/style.css">
  </head>
  <body>
    <h1>Hello, world!</h1>
    <p>
      This is a simple static HTML file that will be served from Google App
      Engine.
    </p>
  </body>
</html>

Déployer l'application sur App Engine

Lorsque vous déployez les fichiers d'application, votre site Web est chargé sur App Engine. Pour déployer l'application, exécutez la commande suivante à partir du répertoire racine de l'application où se trouve le fichier app.yaml :

gcloud app deploy

Indicateurs facultatifs :

  • Incluez l'indicateur --project pour spécifier un ID de projet GCP alternatif à celui que vous avez initialisé par défaut dans l'outil gcloud. Exemple : --project [YOUR_PROJECT_ID]
  • Incluez l'indicateur -v pour spécifier un ID de version. À défaut, un ID est généré pour vous. Exemple : -v [YOUR_VERSION_ID]

Pour en savoir plus sur le déploiement de l'application à partir de la ligne de commande, consultez la section Déployer une application Python.

Afficher votre application

Pour lancer le navigateur et afficher l'application sur https://[YOUR_PROJECT_ID].appspot.com, exécutez la commande suivante :

gcloud app browse

Étape suivante

Diffusez un site Web hébergé par App Engine à partir d'un domaine personnalisé.

Cette page vous a-t-elle été utile ? Évaluez-la :

Envoyer des commentaires concernant…

Environnement standard App Engine pour Python