メニュー

Ngrokチュートリアル：インストールとセットアップの簡単な紹介

  • メイン
  • その他
  • Ngrokチュートリアル：インストールとセットアップの簡単な紹介

ngrok tutorial brief introduction with installation

問題を排除するために楽器を試してください

このチュートリアルでは、Ngrokとは何か、およびNgrokをセットアップしてインストールする方法について説明します。

Ngrokは、リバースプロキシを使用してローカルでホストされているアプリケーションへの安全なトンネルを作成するための便利なユーティリティです。 これは、ローカルでホストされているアプリケーションをWeb経由で公開するユーティリティです。

簡単に言うと、ローカルでホストされているアプリケーション、つまりSpringブートまたはnodejsベースのWebアプリケーション、チャットアプリケーションのWebhookなどにパブリックにアクセス可能なWebURLを提供します。

Ngrokの紹介

学習内容：

概要概要

Ngrokは、電子メールまたはGitHub / Gmailアカウントを介して署名することで無料で使用できます。有料版には、カスタムサブドメイン、ホワイトリスト、サポートなどの拡張機能がほとんどありません。

ただし、すべての実用的なニーズには無料バージョンで十分です。また、興味深いのは、それがどのように発音されるかです。つまり、「N G rok」と言う人もいれば、「en-grok」を好む人もいます。

Ngrokのいくつかのアプリケーション

このユーティリティを使用できるいくつかのユースケースを理解してみましょう。

＃1） ローカルホストでホストされているWebアプリケーションを開発していて、すべてのブラウザー/ OSの組み合わせでそれを検証/妥当性確認したいとします。 Macを使用していて、Internet Explorerでテストしたい場合は、アプリケーションを起動してngrokで公開するだけです。 Windows PCを持っている人なら誰でもそのリンクにアクセスでき、Webサイトをテストできます。

公開されたWebリンクを使用して達成できるモバイルブラウザでのテストの他のユースケースを見てください。

＃二） Webhookなど、特定のイベントについて通知するために外部システムに依存するユースケースの場合。 例えば、 支払いが正常に完了するとトリガーされる支払いサービスのWebhook。この統合を検証するには、トリガーアプリケーションがこのWebhookにアクセスする必要があります。つまり、ngrokを使用して実現できる公的にアクセス可能なURLです。

＃3） もう1つの非常に重要な使用例は、Webアプリケーションをエンドユーザーやクライアントにデモ/ショーケースする場合、それを使用してパブリックURLを生成して共有できることです。

配列javaから要素を削除する

Ngrokはどのように機能しますか？

以下に、このユーティリティの機能を説明するステップバイステップのプロセスを示します。

Ngrokの機能

上記の番号付き矢印の簡単な説明を以下に示します。

  1. ローカルアプリを実行して、ローカルホストでアクセスできるようにします。 例： http：// localhost：8080
  2. これで、ngrok実行可能ファイル（Mac、Windowsなどのさまざまなプラットフォームで使用可能）を使用して、目的のポートでローカルホストへのトンネルを開始します。この詳細については、次のセクションで説明します。
  3. ngrokがトンネルを設定すると、Webアクセス可能なURLが提供されます。
  4. 次に、パブリックにアクセス可能なURLを、ローカルでホストされているアプリケーションにアクセスするエンドユーザーと共有します。
  5. エンドユーザーはインターネット上のWebURLにアクセスします。
  6. リクエストがngrokサーバーに到着すると（URLはngrok.comのサブドメインにあるため、リクエストは最初にngrokサーバーに送信されます）、トンネリングする必要のあるアプリへのURLを解決します。
  7. Ngrokは、ステップ2で作成されたトンネルにリクエストを転送します。
  8. 転送されたリクエストは、ローカルでホストされているアプリに接続します。

上記の手順は、ローカルでホストされているアプリにngrokを使用してアクセスしたときに実行される一連の手順です。

インストール

これがビデオチュートリアルです：

このユーティリティのインストールは、ngrokバイナリをダウンロードして解凍するだけの簡単なプロセスです。

Ngrokをインストールするには、以下の手順に従ってください。

＃1） まず、無料のアカウントを作成します スカート アカウントの認証トークンを取得します。認証トークンがないと、ローカルでホストされているアプリケーションのトンネルを開始できません。

＃二） クライアントライブラリをダウンロードする お使いのOSによって異なります。

＃3） ダウンロードしたパッケージを解凍します。

＃4） ターミナル/コマンドプロンプトで次のコマンドを実行して、ngrok構成ファイルを認証トークンで更新します。

./ngrok authtoken {your-auth-token}

構成ファイルにアクセス/表示して、認証トークンが更新されているかどうかを確認できます。 Ngrok構成ファイルは、次の場所のユーザーディレクトリにあります– 〜/ .ngrok2 / ngrok.yml

＃5） 認証トークンが更新されると、ローカルでホストされているアプリケーションのトンネルを開始できるようになります。

＃6） ローカルホストのポート80でトンネルを開始するには、以下のコマンドを実行するだけです。

最高の無料の音楽ダウンローダーは何ですか？
./ngrok http 80

上記のコマンドが実行されると、localhost：80へのトンネルが作成されます（このポートで実行されているアプリケーションはすべて、下の図に示すように、トンネル化されたURLを介してアクセスできる必要があります）。

ngrok-トンネル

結論

このチュートリアルでは、Ngrokとは何か、およびデスクトップまたはラップトップにNgrokをセットアップしてインストールする方法について説明しました。これは、ローカルでホストされているアプリケーションをWeb上で公開できる便利なユーティリティです。

また、トンネルの開始からエンドユーザーの要求がローカルでホストされているアプリケーションに戻るまで、このユーティリティがどのように機能するかについても説明しました。

次のチュートリアルでは、いくつかのサンプルアプリケーションを使用してNgrokが動作することを確認します。

次のチュートリアル

推奨読書

^