Recherche de site Web

Comment tester des sites Web ou des applications locales sur Internet à l'aide de Ngrok

Êtes-vous un développeur de sites Web ou d'applications mobiles et souhaitez-vous exposer votre serveur localhost derrière un NAT ou un pare-feu à l'Internet public à des fins de test ? Dans ce tutoriel, nous allons vous révéler comment procéder en toute sécurité à l'aide de ngrok.

Ngrok est un serveur proxy inverse sensationnel, gratuit, open source et multiplateforme permettant d'exposer les serveurs locaux derrière des NAT et des pare-feu à l'Internet public via des tunnels sécurisés. Il s'agit d'un programme informatique remarquable que vous pouvez utiliser pour mettre en œuvre des services cloud personnels directement depuis chez vous.

Il établit essentiellement des tunnels sécurisés vers votre localhost, vous permettant ainsi : d'exécuter des démos de sites Web avant le déploiement réel, de tester des applications mobiles connectées à votre backend exécuté localement et de créer des consommateurs de web-hook sur votre machine de développement.

Caractéristiques de Ngrok :

  • Installation facile sans dépendance d’exécution pour n’importe quelle plate-forme majeure et fonctionne rapidement.
  • Prend en charge les tunnels sécurisés.
  • Capture et analyse tout le trafic sur le tunnel pour une inspection et une relecture ultérieures.
  • Vous permet de supprimer la redirection de port dans votre routeur.
  • Permet la mise en œuvre de l'authentification HTTP (protection par mot de passe).
  • Utilise des tunnels TCP pour exposer les services en réseau qui n'utilisent pas HTTP tels que SSH.
  • Prend en charge le tunneling uniquement HTTP ou HTTPS avec des certificats SSL/TLS.
  • Prend en charge plusieurs tunnels simultanés.
  • Permet de rejouer les requêtes de webhook.
  • Vous permet de travailler avec des sites d'hébergement virtuel.
  • Il peut être automatisé via une API ainsi que de nombreuses options dans le forfait payant.

Avant de l'utiliser, vous devez avoir installé un serveur Web ou envisager de mettre en place une pile LAMP ou LEMP fonctionnelle, sinon suivez ces guides pour :

Installez la pile LAMP sous Linux :

  1. Installation de LAMP (Linux, Apache, MariaDB, PHP/PhpMyAdmin) dans RHEL/CentOS 7.0
  2. Comment installer LAMP avec PHP 7 et MariaDB 10 sur Ubuntu 16.10

Installez LEMP Stack sur Linux :

  1. Comment installer LEMP (Linux, Nginx, MariaDB, PHP-FPM) sur Debian 9 Stretch
  2. Comment installer Nginx, MariaDB 10, PHP 7 (pile LEMP) dans 16.10/16.04
  3. Installez les derniers Nginx, MariaDB et PHP sur RHEL/CentOS 7/6 et Fedora 20-26

Comment installer Ngrok sous Linux

Ngrok est très facile à installer, exécutez simplement les commandes ci-dessous pour télécharger et décompresser le fichier d'archive qui contient un seul binaire.

mkdir ngrok
cd ngrok/
wget -c https://bin.equinox.io/c/4VmDzA7iaHb/ngrok-stable-linux-amd64.zip
unzip ngrok-stable-linux-amd64.zip
ls

Une fois que vous avez le fichier binaire, créons une page index.html de base dans la racine du document par défaut du serveur Web (Apache) pour tester les requêtes adressées au serveur Web.

sudo vi /var/www/html/index.html

Ajoutez le contenu HTML suivant dans le fichier.

<!DOCTYPE html>
<html>
        <body>
                <h1>This is a TecMint.com Dummy Site</h1>
                <p>We are testing Ngrok reverse proxy server.</p>
        </body>
</html>

Enregistrez le fichier et lancez ngrok en spécifiant le port http 80 (si vous avez configuré votre serveur web pour écouter sur un autre port, vous devez utiliser ce port) :

ngrok http 80

Une fois que vous l'avez démarré, vous devriez voir une sortie similaire à celle ci-dessous dans votre terminal.

Comment inspecter le trafic vers votre serveur Web à l'aide de l'interface utilisateur Ngrok

Ngrok propose une interface utilisateur Web simple qui vous permet d'inspecter tout le trafic HTTP circulant sur vos tunnels en temps réel.

http://localhost:4040

D'après le résultat ci-dessus, aucune demande n'a encore été adressée au serveur. Pour commencer, faites une demande à l'un de vos tunnels en utilisant les URL ci-dessous. D'autres utilisateurs utiliseront également ces adresses pour accéder à votre site ou application.

http://9ea3e0eb.ngrok.io 
OR
https://9ea3e0eb.ngrok.io

Vérifiez ensuite dans l'interface utilisateur d'inspection pour obtenir tous les détails de la demande et de la réponse, y compris l'heure, l'adresse IP du client, la durée, les en-têtes, l'URI de la demande, la charge utile de la demande et les données brutes.

Pour plus d'informations, consultez la page d'accueil de Ngrok : https://ngrok.com/

Ngrok est tout simplement un outil incroyable, c'est de loin la solution de tunnel local sécurisé la plus simple mais la plus puissante que vous puissiez trouver. Vous devriez envisager de créer un compte ngrok gratuit pour obtenir plus de bande passante, mais si vous souhaitez des fonctionnalités encore plus avancées, essayez de passer à un compte payant. N'oubliez pas de partager vos réflexions sur ce logiciel avec nous via le formulaire de commentaires ci-dessous.