NGrokを用いたトンネリング—何,理由,および方法

皆さんこんにちは.今日、我々は何を見ていますかngrok では、なぜ開発者としてあなたがそれを必要とするのかngrok .
この記事の内容に飛び込む前に、あなたが直面していたシナリオを教えてください.

Suppose you want to demo your developed application with your colleagues or your team-mates or to anyone you want to receive feedback from. If you were like me and didn't know about ngrok before,

• You would have asked the person to either swing by your desk or took your laptop to them to demo it.
• You might have pushed your changes to a Github repository, asked them to clone it in their local machine and view it.
• You would have deployed it and shared the link to access the deployment.

これに代わるものがあるならば?これは* ngrok *が遊びに来るところです

Ngrokとは

Ngrok によって開発されたアプリケーションですかAlan Shreeve , 開発者がローカル開発サーバーをインターネットに公開することができます.それは基本的にあなたのローカル開発サーバーにトンネルを作成し、NGRK上の2つのランダムなサブドメインを生成します.ワンワンhttp アンド・アナザーhttps . これらの生成されたアドレスを使用すると、開発サーバーが実行されていることを提供するインターネットを介して任意の場所からローカル開発アプリケーションを表示することができます.
彼らは世界中の様々なトンネルサーバを提供していますngrok サーバソフトウェアは、VPSまたは専用サーバで自己ホストすることができます.彼らは、カスタムドメイン、Google AppsのSSO、Whitelabelドメインと多くのようなそれぞれの計画にいくつかの追加機能を持つ無料といくつかの有料プランを提供していますmore .

なぜNgrokが必要ですか？

ただ開発されたアプリケーションだけではない.ngrok また、

クラウド上で自分の個人的なサービスを実行する.

ローカルバックエンドサーバーを持っているモバイルアプリケーションをテストします.

ウェブフックの構築とテスト

我々は、理由と理由をカバーしました.ではどうやって進んでいきましょうか

Ngrokの使い方

使用ngrok とても簡単です.ローカルサーバーをトンネルで起動する前にngrok ,

セットアップとインストール

設定ngrok

トンネルの進水

セットアップとインストール

使い始めるngrok , 我々はsignup アカウントngrok .
あなたがサインアップした後、それはダッシュボードに表示されます.ダッシュボードはこのように見えなければなりません.

あなたのオペレーティングシステムに従って正しいパッケージをダウンロードしてください.インストールする手順がありますが、私はあなたのためにそれを置くつもりです.
Windows用
zipファイルをダウンロードして実行可能ファイルを展開して実行します.
アクセスするngrok コマンドプロンプトのどこからでも

実行可能ファイルngrokを移動します.E :\Windows\system 32\ngrok . exeをCに追加します.エクゼ

UIを経由して環境変数を追加します.「あなたのアカウントの環境変数を編集」を検索バーの横にある検索バーで検索します.

bashを再起動してください.

Mac/Linux用
端末で以下のコマンドを実行します.

unzip /path/to/ngrok.zip

ファイルを/usr/local/binに移動するか、ngrok to .bashrc or .zshrc あなたが使用しているシェルによると.

ngrokの設定

Remove the ./ and run the following commands if you're doing this on Command Prompt on Windows.

次のステップは、あなたのシステムにインストールしたクライアントを認証しますngrok アカウント.
次のコマンドを実行します.

./ngrok authtoken YOUR_AUTH_TOKEN

YourHunse AuthRankトークンはダッシュボードに表示されるトークンです.これはあなたのアカウントのAuthRankトークンを保存します.ローカルマシンのYMLファイル.

3 .トンネルの進水

これはあなたのローカル開発サーバーをインターネットにngrok 展開のないトンネル
以下のコマンドを入力します.

./ngrok http 80

ヒア80 ローカルサーバーが動いているポート番号です.あなたはそれを変更する必要がありますPORT NUMBER ローカルサーバーの実行中です.トンネルにしたいアプリケーションの開発サーバーが起動していることを確認します.
例えば、

./ngrok http 3000

or

./ngrok http 5000

このコマンドを実行すると、端末/プロンプトはこのようになります.

これは、あなたのアプリケーションがアクセス可能なランダムに生成されたサブドメインを示します.また、ポートのローカルダッシュボードを使用する4040 , 生成されたサブドメインを通じて行われるすべてのリクエストを見ることができます.

そいつ！あなたのアプリケーションのngrokトンネルを正常に起動して

無料プランでは、1つだけセッションをすることができます.あなたは与えることによってセッションを閉じることができますCtrl + C またはngrok プロセス.
私はあなたが何についての明確なアイデアを得たngrok なぜ、それが必要であり、どのようにトンネルを介してローカルアプリケーションを介してngrok . コメントであなたを助けてくれたら教えてください

参考文献

まだ興味があるngrok それはあなたのためですか?これらのリソースをチェックしてください.

ngrok site

A blog about ngrok on Pubnub

Developer documentation on ngrok

Twilio blog on setting up Ngrok on Windows