{"id":67,"date":"2022-04-24T00:06:03","date_gmt":"2022-04-23T22:06:03","guid":{"rendered":"http:\/\/192.168.0.50\/wordpress\/?page_id=67"},"modified":"2022-04-24T00:11:01","modified_gmt":"2022-04-23T22:11:01","slug":"connexion-au-serveur-web-depuis-lexterieur","status":"publish","type":"page","link":"http:\/\/modsfarm-web.raidghost.com\/index.php\/connexion-au-serveur-web-depuis-lexterieur\/","title":{"rendered":"Connexion au serveur Web depuis l&rsquo;ext\u00e9rieur"},"content":{"rendered":"\n<p class=\"has-small-font-size wp-block-paragraph\">Essayons de nous connecter depuis l&rsquo;\u00e9terieur. Autrement dit depuis un PC qui est connect\u00e9 autre part que sur la box ou routeur o\u00f9 est connect\u00e9 notre serveur. Avec la 4G de notre smartphone par exemple. Pour cela, nous devons conna\u00eetre l&rsquo;adresse ip visible depuis l&rsquo;ext\u00e9rieur appel\u00e9e ip publique. Pour la trouver, rendez-vous sur le site:<\/p>\n\n\n\n<pre class=\"wp-block-code has-light-gray-background-color has-background\"><code>http:&#47;&#47;mon-ip.com\r<\/code><\/pre>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Avant de nous rendre sur cette url, nous devons informer notre box ou routeur (celui o\u00f9 est connect\u00e9 notre serveur) sur quel p\u00e9riph\u00e9rique le PC client sera redirig\u00e9. Pour cela, connectez vous \u00e0 votre box ou routeur et allez dans les configurations de routage. Dans un routeur de marque Linksys ou CISCO, cela est dans le menu Applicaions et jeux. Sur les livebox 2 (chez Orange), allez dans l&rsquo;interface de configuration de r\u00e9seau puis dans configuration avanc\u00e9e et dans la fen\u00eatre r\u00e9seau, cliquez sur l&rsquo;onglet NAT\/PAT.<br>Sur les livebox 2 (toujours chez Orange), cliquez sur r\u00e9seau, puis cliquez sur NAT\/PAT.<br>Une fois dans l&rsquo;interface de configuration, ajoutez une entr\u00e9e. Donnez lui le nom qu&rsquo;il vous plait sa n&rsquo;a pas d&rsquo;importance. Ensuite dans le port interne, saisisez le port qu&rsquo;\u00e9coute apache (80 par d\u00e9fault) et faites de m\u00eame pour le port externe. Choisisez le protocole tcp. Ensuite saisiez l&rsquo;adresse ip V4 du PC serveur (dans mon exemple de tout \u00e0 l&rsquo;heure, 192.168.0.111) et cliquez sur la case activer. Voila, la connection est pr\u00eate \u00e0 recevoir des clients de l&rsquo;ext\u00e9rieur et les redirig\u00e9s vers le port 80 et vers notre serveur.<\/p>\n\n\n\n<h2 class=\"has-normal-font-size wp-block-heading\">Avec l&rsquo;adresse IP:<\/h2>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Commen\u00e7ons par nous connecter avec l&rsquo;adresse ip. Cette fois-ci nous n&rsquo;allons pas mettre l&rsquo;ip du serveur car nous ne somme pas connect\u00e9 sur ce reseau, mais nous allons mettre l&rsquo;ip du r\u00e9seau ou est connect\u00e9 le serveur si vous pr\u00e9f\u00e9rez l&rsquo;ip public comme suis reprenons l&rsquo;exemple de l&rsquo;ip public 000.00.00.000:<\/p>\n\n\n\n<pre class=\"wp-block-code has-light-gray-background-color has-background\"><code>http:&#47;&#47;000.00.00.000\r<\/code><\/pre>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">N&rsquo;oubliez pas rajouter :port en rempla\u00e7ant port par le num\u00e9ro de celui-ci si il est diff\u00e9rent de 80.<\/p>\n\n\n\n<h2 class=\"has-normal-font-size wp-block-heading\">Avec un nom:<\/h2>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Nous avons vu tout \u00e0 l&rsquo;heure qu&rsquo;il \u00e9tait possible d&rsquo;afficher un site en fonction de l&rsquo;url saisie par l&rsquo;utilisateur par le biais des h\u00f4tes virtuels. Retournons dans notre fichier o\u00f9 l&rsquo;on a parametr\u00e9 les h\u00f4tes virtuels et dans l&rsquo;instruction ServerName, remplacez monsite.fr par monsite par exemple. Pour vous connecter \u00e0 votre serveur via l&rsquo;url http:\/\/monsite depuis un p\u00e9riph\u00e9rique connect\u00e9 sur un autre r\u00e9seau que le celui du serveur, vous devez ajout\u00e9 ce nom dans le fichier hosts qui est dans le chemin suivant: \/etc\/hosts Ouvrez donc ce fichier avec les droits d&rsquo;administration et avec votre \u00e9diteur de texte pr\u00e9f\u00e9r\u00e9. Apr\u00e8s cette lignes-ci:<\/p>\n\n\n\n<pre class=\"wp-block-code has-light-gray-background-color has-background\"><code># localhost name resolution is handled within DNS itself.\r\n127.0.0.1 localhost<\/code><\/pre>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Ajoutez ceci:<\/p>\n\n\n\n<pre class=\"wp-block-code has-light-gray-background-color has-background\"><code>127.0.0.1 monsite\r<\/code><\/pre>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Apr\u00e8s sa, redemarrez le service apache. Pour rappel la commande est la suivante et remplacez service par apache2 si vous \u00eates sous Debian et httpd si vous \u00eates sous Fedora:<\/p>\n\n\n\n<pre class=\"wp-block-code has-light-gray-background-color has-background\"><code>sudo systemctl restart service\r<\/code><\/pre>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Vous devez faire de m\u00eame avec le p\u00e9riph\u00e9rique qui va se connecter \u00e0 votre serveur mais en rempla\u00e7ant 000.00.00.000 par l&rsquo;ip public d&rsquo;o\u00f9 est connect\u00e9 votre serveur (ip trouv\u00e9e sur mon-ip.com). Dans mon exemple ci-dessus, mon fichier hosts de mon autre PC (celui qui va se connecter au serveur) aura les lignes suivantes:<\/p>\n\n\n\n<pre class=\"wp-block-code has-light-gray-background-color has-background\"><code>127.0.0.1 localhost\r\n000.00.00.000 monsite\r<\/code><\/pre>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Si apache \u00e9coute un autre port que le 80, reprenons l&rsquo;exemple du port 2156, dans notre fichier hosts, on rempla\u00e7era 000.00.00.000 par:<\/p>\n\n\n\n<pre class=\"wp-block-code has-light-gray-background-color has-background\"><code>000.00.00.000:2156\r<\/code><\/pre>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Apr\u00e8s que cela est fait, nous pouvons maintenant acc\u00e9der \u00e0 notre serveur via l&rsquo;url: http:\/\/monsite.<a href=\"http:\/\/modsfarm-web.raidghost.com\/connection-apache-http-locale.php\"><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Essayons de nous connecter depuis l&rsquo;\u00e9terieur. Autrement dit depuis un PC qui est connect\u00e9 autre part que sur la box ou routeur o\u00f9 est connect\u00e9 notre serveur. Avec la 4G de notre smartphone par exemple. Pour cela, nous devons conna\u00eetre l&rsquo;adresse ip visible depuis l&rsquo;ext\u00e9rieur appel\u00e9e ip publique. Pour la trouver, rendez-vous sur le site: &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/modsfarm-web.raidghost.com\/index.php\/connexion-au-serveur-web-depuis-lexterieur\/\" class=\"more-link\">Continuer la lecture <span class=\"screen-reader-text\"> \u00ab\u00a0Connexion au serveur Web depuis l&rsquo;ext\u00e9rieur\u00a0\u00bb<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-67","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"http:\/\/modsfarm-web.raidghost.com\/index.php\/wp-json\/wp\/v2\/pages\/67","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/modsfarm-web.raidghost.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/modsfarm-web.raidghost.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/modsfarm-web.raidghost.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/modsfarm-web.raidghost.com\/index.php\/wp-json\/wp\/v2\/comments?post=67"}],"version-history":[{"count":4,"href":"http:\/\/modsfarm-web.raidghost.com\/index.php\/wp-json\/wp\/v2\/pages\/67\/revisions"}],"predecessor-version":[{"id":71,"href":"http:\/\/modsfarm-web.raidghost.com\/index.php\/wp-json\/wp\/v2\/pages\/67\/revisions\/71"}],"wp:attachment":[{"href":"http:\/\/modsfarm-web.raidghost.com\/index.php\/wp-json\/wp\/v2\/media?parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}