L\u2019un des plus grands d\u00e9fis quand on installe Home Assistant chez soi, c\u2019est de pouvoir y acc\u00e9der depuis l’ext\u00e9rieur. Que ce soit pour v\u00e9rifier une temp\u00e9rature, d\u00e9sactiver une alarme ou recevoir des notifications cruciales sur son iPhone, l’acc\u00e8s distant est indispensable.<\/p>\n\n\n\n
Pour y parvenir, trois choix s’offrent \u00e0 vous :<\/p>\n\n\n\n
C’est cette troisi\u00e8me m\u00e9thode que nous allons voir aujourd’hui. Elle est totalement gratuite<\/strong>, extr\u00eamement s\u00e9curis\u00e9e, ne n\u00e9cessite aucune ouverture de port<\/strong> sur votre routeur (votre routeur UniFi UDR7 vous dira merci !), et vous co\u00fbtera uniquement le prix d’un nom de domaine chez OVH (moins de 5\u20ac par an).<\/p>\n\n\n\n La premi\u00e8re \u00e9tape consiste \u00e0 poss\u00e9der votre propre adresse sur le web (par exemple : \ud83d\udcf8 Capture d’\u00e9cran 1 :<\/strong> La page de recherche de domaine sur OVH montrant un domaine disponible \u00e0 petit prix (ex: 2,99\u20ac\/an) pour bien illustrer l’argument du co\u00fbt.<\/p>\n<\/blockquote>\n\n\n\n \ud83d\udcf8 Capture d’\u00e9cran 2 :<\/strong> L’interface OVH (onglet Serveurs DNS<\/em>) montrant les deux lignes de serveurs DNS modifi\u00e9es avec les adresses fournies par Cloudflare.<\/p>\n<\/blockquote>\n\n\n\n Cloudflare propose un outil magique appel\u00e9 Cloudflare Tunnels<\/strong>. Il cr\u00e9e un pont s\u00e9curis\u00e9, chiffr\u00e9 et sortant entre votre Home Assistant et leurs serveurs. C’est gr\u00e2ce \u00e0 cela qu’on n’a pas besoin de toucher \u00e0 sa box internet.<\/p>\n\n\n\n \ud83d\udcf8 Capture d’\u00e9cran 3 :<\/strong> La page de cr\u00e9ation de tunnel sur Cloudflare Zero Trust, juste apr\u00e8s avoir nomm\u00e9 le tunnel.<\/p>\n<\/blockquote>\n\n\n\n \ud83d\udcf8 Capture d’\u00e9cran 4 :<\/strong> La page Cloudflare affichant les commandes d’installation, avec un zoom ou un encadr\u00e9 rouge sur le jeton (Token) \u00e0 copier.<\/p>\n<\/blockquote>\n\n\n\n \ud83d\udcf8 Capture d’\u00e9cran 5 :<\/strong> La page de configuration de l’add-on Cloudflare Tunnel dans Home Assistant avec le Token coll\u00e9, juste avant de cliquer sur \u00ab\u00a0D\u00e9marrer\u00a0\u00bb.<\/p>\n<\/blockquote>\n\n\n\n Si vous essayez de lier votre domaine \u00e0 ce stade, Home Assistant va bloquer la connexion et afficher une erreur s\u00e9curis\u00e9e \u00ab\u00a0400: Bad Request\u00a0\u00bb<\/em>. C’est une s\u00e9curit\u00e9 native tr\u00e8s stricte : HA voit arriver une connexion externe via le proxy de Cloudflare et la rejette car il ne la conna\u00eet pas.<\/p>\n\n\n\n Pour r\u00e9gler cela, il faut lui dire d’accepter les connexions provenant du tunnel Docker local.<\/p>\n\n\n\n YAML<\/p>\n\n\n\n \ud83d\udcf8 Capture d’\u00e9cran 6 :<\/strong> Ton fichier \ud83d\udcf8 Capture d’\u00e9cran 7 :<\/strong> Les outils de d\u00e9veloppement de HA montrant le message de succ\u00e8s \u00ab\u00a0Configuration valide\u00a0\u00bb avant le red\u00e9marrage.<\/p>\n<\/blockquote>\n\n\n\n Retournez sur votre tableau de bord Cloudflare Zero Trust, dans les param\u00e8tres de votre tunnel qui doit d\u00e9sormais afficher le statut Active<\/strong> ou Healthy<\/strong>.<\/p>\n\n\n\n \ud83d\udcf8 Capture d’\u00e9cran 8 :<\/strong> Le formulaire \u00ab\u00a0Public Hostname\u00a0\u00bb rempli sur Cloudflare avec les cases Subdomain, Domain et l’URL locale bien visibles.<\/p>\n<\/blockquote>\n\n\n\n \ud83d\udcf8 Capture d’\u00e9cran 9 :<\/strong> Ta page d’accueil de Home Assistant accessible depuis ton nouveau nom de domaine en HTTPS (avec le petit cadenas bien visible dans la barre d’adresse du navigateur).<\/p>\n<\/blockquote>\n\n\n\n Une fois cette configuration termin\u00e9e, ouvrez l’application Home Assistant sur votre iPhone, changez l’adresse externe par votre nouveau nom de domaine, et voil\u00e0 ! Vous \u00eates connect\u00e9 \u00e0 votre domotique en toute s\u00e9curit\u00e9, \u00e0 l’autre bout du monde.<\/p>\n\n\n\n Vous pensez avoir rentabilis\u00e9 vos 5\u20ac annuels juste avec l’acc\u00e8s \u00e0 Home Assistant ? Ce n’est que le d\u00e9but.<\/p>\n\n\n\n La magie d’avoir son propre nom de domaine chez OVH li\u00e9 \u00e0 un tunnel Cloudflare, c’est que ce tunnel est extensible \u00e0 l’infini<\/strong>. Vous n’avez pas achet\u00e9 un acc\u00e8s pour une seule<\/em> application, mais une passerelle s\u00e9curis\u00e9e pour tout votre Homelab.<\/p>\n\n\n\n Dans un prochain article, nous verrons comment utiliser ce m\u00eame domaine et ce m\u00eame tunnel pour exposer de mani\u00e8re totalement isol\u00e9e et s\u00e9curis\u00e9e le reste de vos applications Docker et de vos serveurs de m\u00e9dias. Nous apprendrons \u00e0 configurer de nouveaux sous-domaines d\u00e9di\u00e9s pour acc\u00e9der \u00e0 distance, en deux clics et avec un certificat HTTPS valide, \u00e0 vos outils pr\u00e9f\u00e9r\u00e9s :<\/p>\n\n\n\n \ud83d\udcf8 Capture d’\u00e9cran 10 (Pour finir en beaut\u00e9) :<\/strong> Un aper\u00e7u de ton dashboard Heimdall ou une vue de la liste des tunnels Cloudflare montrant plusieurs sous-domaines actifs c\u00f4te \u00e0 c\u00f4te ( Restez connect\u00e9s, le guide complet pour transformer votre domaine OVH en v\u00e9ritable couteau suisse du Homelab arrive tr\u00e8s bient\u00f4t !<\/p>\n","protected":false},"excerpt":{"rendered":" L\u2019un des plus grands d\u00e9fis quand on installe Home Assistant chez soi, c\u2019est de pouvoir y acc\u00e9der depuis l’ext\u00e9rieur. Que ce soit pour v\u00e9rifier une temp\u00e9rature, d\u00e9sactiver une alarme ou recevoir des notifications cruciales sur son iPhone, l’acc\u00e8s distant est indispensable. Pour y parvenir, trois choix s’offrent \u00e0 vous : C’est cette troisi\u00e8me m\u00e9thode que […]<\/p>\n","protected":false},"author":1,"featured_media":26,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-19","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.daco77.fr\/index.php\/wp-json\/wp\/v2\/posts\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.daco77.fr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.daco77.fr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.daco77.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.daco77.fr\/index.php\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":2,"href":"https:\/\/www.daco77.fr\/index.php\/wp-json\/wp\/v2\/posts\/19\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/www.daco77.fr\/index.php\/wp-json\/wp\/v2\/posts\/19\/revisions\/24"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.daco77.fr\/index.php\/wp-json\/wp\/v2\/media\/26"}],"wp:attachment":[{"href":"https:\/\/www.daco77.fr\/index.php\/wp-json\/wp\/v2\/media?parent=19"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.daco77.fr\/index.php\/wp-json\/wp\/v2\/categories?post=19"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.daco77.fr\/index.php\/wp-json\/wp\/v2\/tags?post=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\u00c9tape 1 : Acheter son nom de domaine chez OVH<\/h2>\n\n\n\n
ma-maison-connectee.fr<\/code>).<\/p>\n\n\n\n\n
.fr<\/code>,\u00a0.ovh<\/code>\u00a0ou\u00a0.xyz<\/code>\u00a0co\u00fbtent g\u00e9n\u00e9ralement entre 2\u20ac et 4\u20ac pour la premi\u00e8re ann\u00e9e.<\/li>\n<\/ol>\n\n\n\n\n
\n
\n
\u00c9tape 2 : Configurer le tunnel sur Cloudflare<\/h2>\n\n\n\n
\n
Home-Assistant-Tunnel<\/code>) et validez.<\/li>\n<\/ol>\n\n\n\n\n
\n
\n
\n
\n
\u00c9tape 3 : La modification cruciale dans
configuration.yaml<\/code><\/h2>\n\n\n\n\n
configuration.yaml<\/code>\u00a0(via l’add-on\u00a0File Editor<\/em>\u00a0ou\u00a0VS Code<\/em>).<\/li>\n\n\n\nhttp:\n use_x_forwarded_for: true\n trusted_proxies:\n - 172.30.33.0\/24 # C'est l'adresse IP interne du sous-r\u00e9seau Docker de l'add-on\n<\/code><\/pre>\n\n\n\n\n
configuration.yaml<\/code> ouvert dans Home Assistant, montrant exactement l’alignement de ces lignes de code.<\/p>\n<\/blockquote>\n\n\n\n\n
\n
\u00c9tape 4 : Lier le sous-domaine \u00e0 Home Assistant<\/h2>\n\n\n\n
\n
\n
ha<\/code>\u00a0(ou ce que vous voulez, ce qui donnera\u00a0ha.votre-domaine.fr<\/code>)<\/li>\n\n\n\n192.168.1.100:8123<\/code>\u00a0ou simplement\u00a0localhost:8123<\/code>).<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n\n
\n
\n
Le Verdict : Pourquoi c’est la meilleure solution ?<\/h2>\n\n\n\n
Les avantages de cette m\u00e9thode :<\/h3>\n\n\n\n
\n
\ud83d\ude80 Teasing : Ce nom de domaine \u00e0 moins de 5\u20ac cache un super-pouvoir…<\/h2>\n\n\n\n
\n
\n
ha.domain.fr<\/code>, sonarr.domain.fr<\/code>, etc.) pour mat\u00e9rialiser la promesse du prochain article.<\/p>\n<\/blockquote>\n\n\n\n