Hébergement d’un site internet, comment ca marche ?

3. Mettre un site en ligne

3.1. Introduction

Aaah, mettre un site en ligne. Quel est l’intérêt de faire un beau site internet si y’a personne pour l’admirer ? Et bien nous allons te montrer comment mettre son site en ligne.

Cette ressource est une introduction à la mise en ligne d’un site Internet, et te permettra d’avoir les bons liens pour le faire.

3.2. Historique

Il y a beaucoup à dire sur le fonctionnement internet ainsi que les protocoles. Nous avons lié quelques vidéos pour aller plus loin.

Voici quelques lectures pour comprendre les DNS et ce qui se passe quand tu tapes dans ton explorateur google.com :

  • Vlad Gerasimov a fait un comic qui explique simplement les bases du DNS
  • dnsimple ont écrit une BD qui explique aussi le principe des DNS

3.3. Le cours

Pour le moment ton site est sur ton ordinateur personnel. Il faudra le mettre en ligne. Pour ceci, cela se fait en 2 étapes :

  • Il faut commencer par héberger son code quelque part. Il existe une multitude de services qui proposent d’héberger du code. Certains proposent même de mettre le code hébergé en ligne, sans passer par un achat de nom de domaine (GitHub Pages)
  • Ensuite, pour obtenir des sites du genre http://www.tonsite.com il te faudra obtenir un nom de domaine et faire en sorte que ton nom de domaine redirige vers là où le code est hébergé. OVH et Gandi proposent ce service, et OVH a même une option pour héberger le code pour toi, pour 1,50€/mois

3.3.1. Héberger ton site sur un service

Pour héberger du code simplement, la plupart des entreprises d’achat de noms de domaine proposent de le faire pour toi. L’avantage est qu’il y aura assez peu de branchements de DNS à faire car tout est sur la même plateforme.

Aussi, si tu n’as pas envie d’ouvrir un nom de domaine compliqué, voici une liste de services qui te proposent d’avoir une version en ligne du site, et donc une URL :

  • Le plus célèbre : GitHub Pages. Ce service de GitHub propose à chacun de ses utilisateurs un site qu’ils peuvent créer à partir d’un repository GitHub. En gros tu créés un repo qui s’appelle ton_username.github.io puis tu n’as qu’à aller sur l’URL éponyme. C’est aussi simple que cela. C’est d’ailleurs très souvent le site perso de tout tech qui se respecte. Voici quelques ressources pour te permettre de maitriser GitHub Pages :
    • MicrowaveSam a fait une vidéo qui explique comment brancher GitHub Pages ; il va même jusqu’à expliquer les branchements de CDN
  • RawGit permet de mettre en ligne gratuitement un repository Github. Pour faire marcher RawGit, tu n’as qu’à copier-coller le lien du fichier index.html de ton dossier Github et à toi la gloire ! Le site n’est pas fait pour partager les liens à tout le monde, mais pour dépanner c’est très pratique ✌️
  • Il y a aussi Surge, un super service qui te permettra de mettre en ligne rapido des dossiers à toi.

3.3.2. Acheter un nom de domaine

Maintenant pour acheter un nom de domaine, tu peux passer par :

  • OVH, une des rares licornes françaises, propose un service d’achat de nom de doamine. Ils ont un service pour héberger du code, qui est simple et peu onéreux
  • Gandi est aussi un des leaders dans les noms de domaine
  • 1and1 qui propose de l’achat de noms de domaine, avec de l’hébergement très facile et peu onéreux

Il y a aussi une solution pour brancher ton nom de domaine à un hébergement cutom, par exemple GitHub Pages, ou Heroku, mais c’est un peu fastidieux pour le moment 😉

3.4. Points importants à retenir

Pour récapituler brièvement le cours :

  • Pour avoir un site en ligne il faut héberger le code, et acheter un nom de domaine. La plupart vendeurs de noms de domaine proposent un hébergement de code simple. OVH est une solution peu chère et pratique qui fait le travail
  • Il existe des services d’hébergement de code qui te proposent en plus d’avoir une version accessible en ligne de ton site. GitHub Pages est l’un des plus connus et réputés

3.5. Pour aller plus loin

Le fantastique cours CS50 ont fait une introduction au monde HTTP, disponible sur Youtube. L’amphi de 1h40 t’expliquera le monde de HTTP/WWW/TCP/etc.

Laisser un commentaire

Choisissez une méthode de connexion pour poster votre commentaire:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion /  Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion /  Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion /  Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion /  Changer )

Connexion à %s