一時的にNgrokを使用してWebアプリケーションを公開する🔥
5201 ワード
背景🤓
なぜあなたは一時的にあなたの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 4000
4 -共有あなたのURL🚀それです.あなたは現在URLで生きています.
http://917e082e741d.ngrok.io
(最後のステップでngrokによって提供されます).共有し、あなたのアプリをテストします🎉🥳. 注意- ngrokを実行することもできます.多くの企業は多くの異なった操作のためにngrokを使用します.あなたはそれらのユースケースについて読むことができますhere
今日はこれです.任意のタイプのフィードバックを提供してください.私はそれを感謝します.一方、Twitterで私を見つけることができます.
サインオフ.また近いうちに.
Reference
この問題について(一時的にNgrokを使用してWebアプリケーションを公開する🔥), 我々は、より多くの情報をここで見つけました https://dev.to/insanenaman/make-your-webapp-public-temporarily-using-ngrok-56jdテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol