Comment déployer un site Web statique gratuitement en seulement 3 minutes directement depuis votre Google Drive, en utilisant Fast.io

Dans cet article, je vais vous montrer comment déployer un site Web statique gratuitement en seulement 3 minutes, à l'aide d'un service de stockage en nuage comme Google Drive ou Dropbox.

Et non - fast.io ne m'a pas payé ni freeCodeCamp pour créer cet article. Nous n'avons aucune relation avec eux. J'écris juste à ce sujet parce que j'ai trouvé leur outil vraiment excitant et utile pour héberger rapidement des sites Web statiques gratuitement.

Qu'est-ce que Fast.io?

Fast.io est une solution créée par Mediafire pour simplifier le fonctionnement du Web. En quelques mots, leur objectif est de vous faciliter la vie en rendant le Web plus accessible et gérable.

Il a été lancé fin 2019, je le partage donc avec vous maintenant.

Comment ça fonctionne

Lorsque vous utilisez Fast.io, vous pourrez vous connecter à votre cloud (Google Drive, DropBox, etc.), choisir un nom de site Web, et déployer votre contenu en quelques clics.

Si votre contenu est prêt, seulement 3 minutes sont nécessaires pour mettre votre contenu en ligne et le rendre accessible à tous.

Une fois votre site Web en ligne, vous pouvez le configurer, ajouter un nom de domaine personnalisé et connecter Google Analytics pour savoir combien de personnes vous touchez.

Je ne l'ai pas encore mentionné, mais le service met automatiquement à jour votre site Web une fois que vous modifiez les fichiers source. Par exemple, si vous utilisez Google Drive pour partager votre contenu, une fois que vous modifiez quelque chose dans votre page HTML, il sera mis à jour.

Fournisseurs de stockage disponibles

Voici une liste des fournisseurs de stockage disponibles si je devais publier mon site Web aujourd'hui:

  • GitHub
  • Dropbox
  • Google Drive
  • Boîte
  • Mediafire
  • OneDrive

Comme vous pouvez l'imaginer, cette liste va s'allonger avec l'ajout de nouveaux services. Mais même maintenant, vous avez de nombreuses possibilités pour héberger votre site Web statique.

Concurrents

Il existe déjà un certain nombre d'entreprises différentes qui vous permettent de mettre rapidement en ligne un site Web statique. Les solutions les plus connues sont les pages GitHub, Heroku et Netlify.

Je ne dis pas nécessairement que Fast.io est le meilleur, mais j'aime la simplicité de déployer un site Web de base.

Note rapide: si vous souhaitez déployer quelque chose de plus complexe - comme un site Web Python Flask - vous ne pouvez pas le faire avec Fast.io. Dans ce cas, je recommande fortement d'utiliser Heroku.

Comme je vous l'ai dit, je vais être transparent avec vous. Fast.io un excellent service pour certaines tâches.

Qu'est-ce qu'un site Web statique?

Avant de vous montrer comment déployer votre site Web, je pense qu'il est essentiel de définir ce qu'est un site Web statique et quelles sont les différences par rapport à un site dynamique.

Un site Web statique contient des pages Web avec un contenu fixe. Le contenu de votre page est en HTML et tous les utilisateurs voient la même chose.

Par exemple, vous pouvez utiliser ce type de site lorsque vous souhaitez créer une page de destination pour votre site Web (une page de base avec des informations sur votre produit).

La principale différence entre cela et un site Web dynamique est, bien sûr… la partie dynamique!

Un site Web dynamique utilise une technologie de serveur pour créer la page lorsqu'un utilisateur demande le site Web.

Par exemple, vous pouvez utiliser ce type de site pour votre blog. Chaque fois que vous ajoutez un nouvel article à votre base de données, le site Web l'affichera.

Il est temps de déployer votre site Web

Êtes-vous prêt à partager votre page avec tout le monde? Faisons le!

Dans cette partie, je vais vous montrer comment mettre en ligne votre site internet en quelques clics. Je vais utiliser une page HTML de base, mais une fois que vous comprenez comment fonctionne Fast.io, vous êtes libre de tout modifier.

1) Créez un fichier index.html

Vous devez créer un fichier index.html avec votre code HTML à l'intérieur. Je vous recommande de commencer par quelque chose de simple car vous pouvez toujours le mettre à jour plus tard.

Enregistrez le fichier sur votre ordinateur.

   My Static Website   

My Static Website

Hello, I'm online, and everyone can see me!

2) Ouvrez la page d'accueil de Fast.io

Tout ce que vous avez à faire pour démarrer avec Fast.io est d'ouvrir le site Web. Une fois que vous avez fait cela, cliquez sur "Inscrivez-vous maintenant - c'est gratuit!" .

3) Configurer Google Drive

Cette page apparaît après l'étape 2 et vous permet de sélectionner un fournisseur de stockage. Sélectionnez "Google Drive" .

Si vous souhaitez créer un site Web avec un autre fournisseur, vous pouvez le faire plus tard en l'ajoutant via la page de votre compte.

Fast.io a besoin d'accéder à votre compte Google Drive pour fonctionner. Ils créeront un dossier "Fast.io" pour contenir vos sites Web. Cliquez sur "Connecter Google Drive maintenant" .

Vous devez sélectionner votre compte Google pour le lier à Fast.io.

Vous devez autoriser Fast.io à accéder à votre compte Google pour le lier correctement.

Votre compte est maintenant prêt, alors choisissez simplement un mot de passe puis cliquez sur «Créer un compte» .

Lorsque votre compte est prêt, un "Bienvenue dans Fast!" La page apparaîtra. Cliquez sur "Commençons!" .

4) Créez votre site web

Vous êtes prêt à créer votre site Web et à le partager avec tout le monde! Cliquez sur "Ajouter un nouveau site" .

Choisissez le nom de votre site Web et saisissez-le dans la zone de saisie. Lorsque vous avez terminé, cliquez sur "Suivant" .

Fast.io vous permet de créer trois types de sites Web: un site Web de partage de fichiers, une page Web ou un site Web de navigateur de fichiers.

Dans notre cas, nous sélectionnerons "Pages Web" car nous souhaitons héberger une page Web HTML.

Si plus tard vous souhaitez créer un site Web pour partager certains documents, vous devez revenir à votre tableau de bord, en créer un nouveau et sélectionner Téléchargements de fichiers.

Une fois que vous avez cliqué sur "Pages Web", vous devez sélectionner votre fournisseur de stockage. Cliquez sur "Google Drive" .

Choisissez l'URL de votre site Web et saisissez-la dans la zone de saisie. Lorsque vous avez terminé, cliquez sur "Créer un site" .

Tu l'as fait! Votre site Web est en ligne et disponible à l'URL que vous avez choisie. Dans mon cas, vous pouvez trouver mon site sur mygoogledrivewebsite.imfast.io

5) Téléchargez votre index.html

Si vous ouvrez votre site Web, vous remarquerez peut-être une erreur car vous n'avez pas importé votre fichier index.html sur votre Google Drive.

Voici deux façons de procéder:

  • Ouvrez votre Google Drive et recherchez le dossier Fast.io , puis le dossier de votre site Web (dans mon cas, "mygoogledrivewebsite.imfast.io").
  • Sur la page de réussite de l'étape 4, cliquez sur "Voir votre Google Drive" .

Une fois que vous avez fait cela, faites un clic droit avec votre souris et sélectionnez "Télécharger des fichiers" . Une nouvelle fenêtre s'ouvrira, trouvez votre fichier "index.html" - sélectionnez-le .

Attendez un peu avant que le changement n'apparaisse sur votre site Web.

6) Célébrez!

Passez le mot à tous vos amis! Votre site Web est en ligne et tout le monde peut le voir!

? Partagez-le sur Twitter en cliquant ici! ?

7) Bonus

Si vous êtes curieux et souhaitez tout configurer, vous pouvez retourner sur votre tableau de bord et cliquer sur votre site web.

Vous pourrez associer votre site Web à Google Analytics (statistiques des visiteurs), modifier votre nom de domaine (par exemple, mywebsite.com), et bien plus encore!

Conclusion

Que pensez-vous de ce nouveau service? L'avez-vous trouvé rapide et facile?

N'hésitez pas à partager cet article si vous l'avez aimé.

Ne manquez pas mon contenu en me suivant sur Twitter et Instagram.

Vous pouvez trouver d'autres articles comme celui-ci sur mon site Web: herewecode.io.

Vouloir plus?

  • Chaque semaine, obtenez une citation de motivation avec quelques conseils, un court tutoriel en quelques diapositives et la photo d'un développeur sur Instagram.
  • Inscrivez-vous à la newsletter et recevez les derniers articles, cours, tutoriels, astuces, livres, motivation et autres contenus exclusifs.