Numérique // Passez de http à https sous GitHub Pages avec OVH

Open BioFabrics
Open BioFabrics
Published in
6 min readNov 6, 2018

📗 Environ 6 min de lecture pour vous débloquez.

Voici une courte documentation pour sécuriser votre site GitHub Pages via HTTPS avec un nom de domaine chez OVH. Pour celles et ceux qui seulement veulent la solution, allez directement à : Résolution du problème.

Amour sacré Amour Profane de Le Titien 1488–1576 et remixé par Open BioFabrics 2018

Open BioFabrics c’est plus qu’un projet de culture de cellulose bactérienne DIY et de démocratisation de la biofabrication. C’est une aventure entrepreneuriale qui requière pléthore de connaissances, allant du numérique à la biologie en passant l’univers du libre et bien d’autres.

Dans la cadre du partage de notre documentation open-source sur Internet nous avions opté pour Github, alors pourquoi ne pas l’utiliser pour héberger aussi notre page Internet (😄 en attendant la construction de notre site).

Cette documentation est rédigée par Sabrina de l’équipe d’Open BioFabrics, novice sur GitHub et OVH. Pour en savoir plus sur la nécessite de passer sous ce fameux https, nous vous renvoyons vers cette vidéo:

Merci à Apresta pour ses explications

Suite à un banal contrôle de nos liens entre nos réseaux sociaux sous Firefox: je me suis rendu compte que, lorsque je cliquais sur l’hyperlien de notre chaîne YouTube menant à notre page Internet, ce message apparaissait sur la page de redirection (image de gauche):

Captures écrans (gauche) de la chaîne YouTube d’Open BioFabrics et (droite) de la page Internet d’Open BioFabrics avant le 12 octobre 2018

Alors pour être certaine que cela ne venait pas d’un problème avec la redirection, j’ai ouvert une nouvelle fenêtre et cherché Open BioFabrics via un moteur de recherche. Une fois que le lien: https://www.openbiofabrics.org été ouvert, la page affichait bien notre site, mais avec ce message:

Capture écran du site non sécurisé le 12 octobre

Comme Firefox l’indiquait précédemment:
Les propriétaires de www.openbiofabrics.org ont mal configuré leur site web.
Je me suis donc rendu sur le GitHub du projet
-> 📓 Repositories: Page_Internet_Open_BioFabrics
-> ⚙ Settings

Capture écran du compte GitHub d’Open BioFabrics

Un message d’avertissement (cadre orange de l’image ci-dessous)est mis en avant, voici sa traduction en français:

Le domaine personnalisé pour votre site Github Pages est pointé vers une adresse IP périmée. Vous devez mettre à jour les enregistrements DNS de votre site, si vous souhaitez qu’il soit disponible via votre domaine personnalisé. Pour plus d’informations, voir https://help.github.com/articles/using-a-custom-domain-with-github-pages/

Capture écran des paramètres du répertoire: Page_Internet_Open_BioFabrics le 12 octobre

NB: il est impossible de cocher « Enforce HTTPS »

Méthode à suivre

1.S’identifier sur OVH via le compte client:

Capture écran de l’accueil d’identification client sur OVH

2. Cliquer sur le domaine qui correspond à votre requête:

Capture écran de l’espace client sur OVH

3. Dans les Informations générales
-> Sécurité
-> Activer Délégation Sécurisée — DNSSEC

NB: il faut attendre au moins 24h pour que l’opération soit effective. Un mail devrait vous être envoyé par OVH pour vous notifier de la bonne mise en place de la Délégation Sécurisée.

Capture écran de l’espace client sur OVH le 12 octobre

Le lendemain (13 octobre 2018) malgré le mail d’OVH, le problème persiste. Je m’intéresse donc à la zone DNS, puisque GitHub m’indique toujours qu’elle est mal configurée.

Captures écrans: de la page Internet d’Open BioFabrics et des paramètres du répertoire sur GitHub: Page_Internet_Open_BioFabrics le 13 octobre

En cliquant sur :
Pour plus d’informations, voir:
https://help.github.com/articles/using-a-custom-domain-with-github-pages/

Voici ce qui est dit:

Traduction Google de la page d’aide de GitHub

Résolution du problème

4. Retourner sur son compte client OVH
-> s’identifier
-> cliquer sur le domaine concerné, ici openbiofabrics.org
-> aller sur Zone DNS

L’adresse IP pointée (cadre orange) pour mon nom de domaine ne correspond pas à l’une des 4 proposées par GitHub (cf. image du dessus).

Capture écran de l’espace client sur OVH le 13 octobre

5. Configurer son domaine personnalisé
-> aller sur la ligne où le TYPE est A
-> cliquez sur les 3 petits points dans le rond à sa droite
-> cliquez sur Modifier entrée
-> remplacer l’adresse IP par l’une proposée par GitHub
Pour notre part, nous l’avons remplacé par 185.199.108.153
-> cliquer sur Valider

Toujours sur mon compte OVH
->allez dans Tâches récentes pour vérifier la bonne application de la redirection.

Capture écran après avoir changer l’adresse IP, le 13 octobre

OVH indique que la tâche est terminée.

Capture écran après avoir changer l’adresse IP, le 13 octobre

Je vais donc faire un tour sur ma page Internet…

Capture écran de la page Internet d’Open BioFabrics après avoir changer l’adresse IP, le 13 octobre

La connexion n’est toujours pas sécurisée. 😆

Je me rend sur la page Github du projet:
-> Settings
- le message d’avertissement a disparu
- il est indiqué que http://openbiofabrics.org/ est publié.
- Enforce HTTPS ne pourra être activé que dans 24h

Capture écran des paramètres de GitHub Page après avoir changer l’adresse IP, le 13 octobre

6. Attendre 24h

7. Retourner sur les paramètres du répertoire de GitHub Pages:
cocher Enforce HTTPS

Capture écran des paramètres de GitHub Page, le 14 octobre

Je teste donc ma page Internet. La connexion n’est toujours pas sécurisée… 😅

Captures écran de la Page Internet d’Open BioFabrics, le 14 octobre

8. Attendre 24h
Je reteste ma page Internet.
La connexion est sécurisée quand je m‘y rend via un moteur de recherche (image de droite). Cependant, elle ne l’est pas, si je passe via l’hyperlien de la chaîne YouTube (image de gauche)

Captures écran de la Page Internet d’Open BioFabrics: image de droite via un moteur de recherche et image de gauche via la chaîne YouTube, le 15 octobre

9. Vérifier les URL de votre GitHub Page sur vos réseaux sociaux et Cie
-
je me rend sur la chaîne YouTube, où je suis déjà identifiée
- je clique sur : À PROPOS
- puis sur PERSONNALISER LA CHAÎNE

Capture écran de la chaîne YouTube d’Open BioFabrics

La fenêtre s’affiche en mode édition
- je change l’URL de redirection vers ma GitHub Page pour https://openbiofabrics.org
- je valide en cliquant sur OK

Captures écrans des panneaux de personnalisation des liens extérieurs sur la chaîne YouTube

10. Je teste les redirections

Lorsque je clique sur: Visit us de la chaîne YouTube, la page Internet d’Open Biofabrics est enfin disponible! 😃

Captures écrans de la chaîne YouTube et de la GitHub Page d’Open Biofabrics, le 15 octobre

Je vérifie également mes autres réseaux sociaux où le lien de la page Internet d’Open BioFabrics est présent. Tout est ok!

Pour conclure

Merci pour votre lecture, nous espérons cette documentation vous aura résolu votre problème. Une chose est à retenir! Soyez patient les opérations peuvent mettre du temps à devenir effectives.

Ceci est le troisième article d’Open BioFabrics, si vous avez aimé ce format alors faites nous le savoir en cliquant sur 👏 . En plus, vous aiderez d’autres novices sur GitHub et OVH à nous trouver! Merci

Vous souhaitez nous contacter?

🐦 Twitter: @OBioFab ou ✉️ contact(at)openbiofabrics.org

--

--