一時的にNgrokを使用してWebアプリケーションを公開する🔥


背景🤓


なぜあなたは一時的にあなたのwebapp公共にしたいですか?(展開プロセスを経ないで)🤔
1 -テスト-あなたはフロントエンドのdevであり、別のデバイスでアプリケーションをテストしたい.
2 -フィードバック-あなたのアプリの現在のバージョンを共有する/chatbot/サーバーの他の誰かが他のDEVS/デザイナーのようなだけでレビューを取得するように.これは多くの時間を節約できます.(長い展開プロセスを待ちません)
それで、Ngrokは何ですか?
👉 簡単な言葉では、Ngrokを使用すると、実際にクラウドサービスに展開せずにwebappの公開を行うことができます.それはあなたのリモートユーザーと共有することができますユーザーフレンドリーなドメインを提供/友人/チームメイトを試して/あなたのwebappを使用してください.それはあなたのマシンをローカルポートにすべてのトラフィックをトンネリングすることによってサーバーとして振る舞わせることによって行う.これは、ファイアウォール/NAT自体を迂回処理します.Pubnubは素晴らしい方法でそれを説明しました.読めるhere より標準的な説明のために.

ハッキング開始👨‍💻👩‍💻 :

Note: Before moving forward make sure you have Node.js installed in your system. I recommend installing Node.js via nvm(Node Version Manager)
1 -アカウントを作成するngrok ✍️
2 -に移動しますdashboard それで、あなたはあなたのAuthtokenを得ることができます👀
これはリモート接続に関するリアルタイムデータを見るのを助けます.

2 -プロジェクトを実行する💨
この基本を考えるならrestify サーバ.
var restify = require('restify');

function respond(req, res, next) {
  res.send('hello ' + req.params.name);
  next();
}

var server = restify.createServer();
server.get('/hello/:name', respond);
server.head('/hello/:name', respond);

server.listen(8080, function() {
  console.log('%s listening at %s', server.name, server.url);
});
ポート8080で動作します.だから、ちょうどあなたのサーバーを起動します(それはフロントエンドのWebアプリもすることができます).
^ それを実行し、最終的なステップに移動してみましょう.
3 -ロールプngrok そして、このポートを公的に利用可能にする📦
👉 端末をオープンし、このコマンドを入力する$ npx ngrok http 8080

PS :あなたのアプリケーションは異なるポートで動作するかもしれません.ポート4000で実行しているアプリケーションのために、コマンドはそうです$ npx ngrok http 40004 -共有あなたのURL🚀
それです.あなたは現在URLで生きています.http://917e082e741d.ngrok.io (最後のステップでngrokによって提供されます).共有し、あなたのアプリをテストします🎉🥳.
注意- ngrokを実行することもできます.多くの企業は多くの異なった操作のためにngrokを使用します.あなたはそれらのユースケースについて読むことができますhere
今日はこれです.任意のタイプのフィードバックを提供してください.私はそれを感謝します.一方、Twitterで私を見つけることができます.
サインオフ.また近いうちに.