Menu

Tutoriel Ngrok: une brève introduction avec l'installation et la configuration

  • Principal
  • Autre
  • Tutoriel Ngrok: une brève introduction avec l'installation et la configuration

ngrok tutorial brief introduction with installation

Essayez Notre Instrument Pour Éliminer Les Problèmes

Ce didacticiel explique ce qu'est Ngrok et comment le configurer et l'installer:

Ngrok est un utilitaire utile pour créer des tunnels sécurisés vers des applications hébergées localement à l'aide d'un proxy inverse. C'est un utilitaire pour exposer n'importe quelle application hébergée localement sur le Web.

En termes simples, il fournit une URL Web accessible au public à toute application hébergée localement, c'est-à-dire une application Web basée sur Spring Boot ou nodejs ou un webhook pour une application de chat, etc.

Introduction à Ngrok

Ce que vous apprendrez:

Aperçu

Ngrok est disponible pour une utilisation gratuite en se connectant par e-mail ou par compte GitHub / Gmail. La version payante a quelques fonctionnalités améliorées telles que les sous-domaines personnalisés, la liste blanche, le support, etc.

Cependant, la version gratuite est suffisante pour tous les besoins pratiques. En outre, un morceau intéressant est la façon dont il est prononcé, c'est-à-dire que certains le disent comme 'N G rok' alors que beaucoup de gens préfèrent 'en-grok'

VPN gratuit kodi

Quelques applications de Ngrok

Essayons de comprendre quelques cas d'utilisation où cet utilitaire peut être utilisé:

#1) Supposons que vous développiez une application Web, hébergée sur localhost et que vous souhaitiez la vérifier / valider sur toutes les combinaisons navigateurs / OS. Vous pouvez être sur Mac et vouloir le tester sur Internet Explorer, alors vous pouvez simplement démarrer votre application et l'exposer sur ngrok. Toute personne disposant d'un PC Windows peut accéder à ce lien et vous pouvez tester votre site Web.

Regardez les autres cas d'utilisation de tests sur les navigateurs mobiles qui pourraient être réalisés en utilisant le lien Web exposé.

#deux) Pour les cas d'utilisation tels que les Webhooks, où vous comptez sur un système externe pour notifier un certain événement. Par exemple, Webhooks de service de paiement qui sont déclenchés une fois le paiement effectué. Pour valider cette intégration, vous auriez besoin de l'application de déclenchement pour accéder à ce webhook, c'est-à-dire une URL accessible au public qui peut être réalisée à l'aide de ngrok.

# 3) Un autre cas d'utilisation très important est que si vous souhaitez faire une démonstration / présenter votre application Web à vos utilisateurs finaux et / ou clients, vous pouvez l'utiliser pour générer une URL publique et la partager.

Comment fonctionne Ngrok?

Ci-dessous est le processus étape par étape qui illustre la fonctionnalité de cet utilitaire.

Fonctionnalité de Ngrok

Une brève description des flèches numérotées ci-dessus est donnée ci-dessous:

  1. Exécutez l'application locale afin qu'elle soit accessible sur votre hôte local. Exemple: http: // localhost: 8080
  2. Maintenant, avec l'exécutable ngrok (disponible pour différentes plates-formes comme Mac, Windows, etc.), lancez un tunnel vers l'hôte local sur le port souhaité. Nous verrons ce détail dans les prochaines sections.
  3. Une fois que ngrok a configuré le tunnel, il fournit une URL accessible sur le Web.
  4. Partagez maintenant l'URL accessible au public avec les utilisateurs finaux qui accéderaient à l'application hébergée localement.
  5. Les utilisateurs finaux ont accédé à l'URL Web sur Internet.
  6. Lorsque la demande arrive sur le serveur ngrok (comme l'URL se trouve dans un sous-domaine de ngrok.com, les demandes vont initialement atterrir sur le serveur ngrok), et il résoudra l'URL de l'application vers laquelle elle doit se connecter.
  7. Ngrok transmet la demande au tunnel créé à l'étape 2.
  8. La demande transférée se connecte à l'application hébergée localement.

Mentionné ci-dessus est la séquence d'étapes qui ont lieu lors de l'accès à une application hébergée localement à l'aide de ngrok.

Installation

Voici un didacticiel vidéo:

L'installation de cet utilitaire est un processus simple qui consiste simplement à télécharger le binaire ngrok et à le décompresser.

Suivez les étapes ci-dessous pour installer Ngrok:

#1) Créez d'abord un compte gratuit sur jupe pour obtenir un jeton d'authentification pour votre compte. Sans jeton d'authentification, vous ne pourrez pas démarrer de tunnels pour les applications hébergées localement.

#deux) Télécharger la bibliothèque client selon le système d'exploitation sur lequel vous vous trouvez.

la passerelle par défaut Ethernet n'est pas disponible

# 3) Décompressez le package téléchargé.

# 4) Mettez à jour le fichier de configuration ngrok avec votre jeton d'authentification en exécutant la commande suivante sur le terminal / l'invite de commande.

./ngrok authtoken {your-auth-token}

Vous pouvez visiter / afficher le fichier de configuration pour voir si votre jeton d'authentification a été mis à jour ou non. Le fichier de configuration Ngrok est disponible dans le répertoire utilisateur à l'emplacement - ~ / .ngrok2 / ngrok.yml

# 5) Une fois le jeton d'authentification mis à jour, vous devriez pouvoir démarrer le tunnel pour vos applications hébergées localement.

# 6) Pour démarrer le tunnel sur le port 80 pour localhost, exécutez simplement la commande ci-dessous.

./ngrok http 80

Une fois la commande ci-dessus exécutée, un tunnel est créé vers l'hôte local: 80 (quelle que soit l'application en cours d'exécution sur ce port doit être accessible via l'URL tunnelée comme indiqué dans la figure ci-dessous).

ngrok - tunnel

Conclusion

Dans ce didacticiel, nous avons vu ce qu'est Ngrok et comment vous pouvez le configurer et l'installer sur votre ordinateur de bureau ou portable. C'est un excellent utilitaire pratique qui vous permet d'exposer n'importe quelle application hébergée localement sur le Web.

Nous avons également expliqué comment cet utilitaire fonctionne depuis le démarrage du tunnel jusqu'à ce qu'une demande de l'utilisateur final parvienne à l'application hébergée localement.

Dans le prochain tutoriel, nous verrons Ngrok en action avec quelques exemples d'applications.

Tutoriel SUIVANT

lecture recommandée

^