先端開発神器のngrok

1410 ワード

どうしてフロントエンドに神器が開発されたのですか?
イントラネットは貫通し、ローカル開発環境をスクリーンにマッピングし、マルチターミナルライン環境をシミュレートする.
簡単なPWA demoを結合して、簡単な例を挙げます.
1.クローンデモを現地に届けるgit clone https://github.com/minimal-xyz/minimal-pwa.git2.ローカル800ポートはデモを実行します.
cnpm i http-server -g
http-server -c-1
chrome http://localhost:8080
3.ngrokイントラネットがネットに突き抜ける
ngrok http 8080
4.ネットの住所を確認する
chrome http://127.0.0.1:4040/inspect/http
5.ネットマルチ端末アクセス
①他の台または本機desktopを使用する
chrome http://733a1ad2.ngrok.io
②android、safari mobile、ff mobileなどのmobile phonesアドレスバーを使って手動で入力します.http://733a1ad2.ngrok.io
利点:
1.urlスイング製品の顔2.イントラネットがマルチ端末を貫通してテストする3.監視要求と応答
短所:
1.応答時間が長い2.安全性が保証されていない
tips:
1.ngrokダウンロードアドレス:https://ngrok.com/download2.環境:git、node、cnpm、ngrok、Chrome 3.chromeとngrokコマンドは環境変数4を設定してください.以上のコマンドは端末で実行すればいいです.プロトコルはhttpsとhttpを選択してもいいです.
余談:今日MDN公式発表されましたsay goodbye to firebug、say hello to pwa and view sources、最後に多くの扇情的な話をしました.私は昔に一回だけfirebugを使ってdomの詰め物を変えて強制したので、これらの扇情に対して興味がないです.pwaとview sourceに対して深い興味を持っています.この素晴らしい残業前夜にPWAを勉強しました.学習リンクは添付します.https://zhuanlan.zhihu.com/p/...彼らの家の各種の教程はあまり良くないです.先端もnodejsもいいです.これから出前します.お腹が空いただけですか?知らないうちにこの神器を発見しました.最初はこいつはイントラネットでしか貫通できないと思っていましたが、ネットの住所が提供された以上、携帯電話でもアクセスできるようになりました.実はngrokには他の機能がたくさんあります.興味がある人は来られます.https://ngrok.com/product表示します
優秀な先端開発エンジニアになれるように頑張ります.