ngrok能做什麼，為什麼是前端開發神器？
內網穿透，對映本地開發環境到公網，模擬多終端線上環境。
結合乙個很簡單的pwa demo，舉個簡單的例子 ####1.轉殖demo到本地git clone
####2.本地8080埠執行demo
複製**
####3.ngrok內網穿透到公網
複製**####4.檢視公網位址
chrome
複製**
####5.公網多終端訪問 ①使用另外一台或本機desktop
chrome
複製**
②使用android，safari mobile，ff mobile等mobile phones 位址列手動輸入
####優點： 1.一條url甩產品臉上 2.內網穿透多終端測試 3.監控請求和響應
####缺點： 1.響應時間較長 2.安全性不保證
題外話： 今天mdn官方宣布say goodbye to firebug，say hello to pwa and view sources，最後說了很多煽情的話。我只在很久以前用過一次firebug改dom裝逼，所以對這些煽情的話無感，倒是對pwa和view source有了很深的興趣。 於是借這個大好的加班前夜，學了下pwa，學習鏈結附上：zhuanlan.zhihu.com/p/25459319，他們家的各種教程不能太好，無論前端還是nodejs，真心不錯，以後外賣我只吃餓了麼。 無意中發現ngrok這個神器，一開始以為這傢伙只能做內網穿透，後來發現既然公網位址提供出來了，手機上也可以訪問啊，一下子有些興奮，因為第一家實習時學到的移動端前端測試，需要手動配置本地localhost開發環境，而且需要連線到360免費wifi，較為麻煩。 其實ngrok還有很多其他的功能，有興趣的同學可以到檢視。
努力成為優秀的前端開發工程師！
前端開發 ngrok 指北
首先當然是要做的準備工作，你需要準備 乙個有固定公網 ip 的伺服器 或者能通過 cname 解析到的伺服器也行 乙個網域名稱 國內使用者請參考是否需要備案等要求選購 ssl 證書 可選，可以稍後再申請 docker 因此，將 ngrok 放置在 docker 容器中監聽80和443埠，並對外暴露不...
Emmet前端開發神器使用
快速生成html網頁格式 html 5 tab鍵 生成中文的頭部 meta utf tba鍵 引入css link css tba鍵 生氣指令碼 script src tba鍵 生成帶類樣式的標籤 標籤名.類名 tba鍵 例如div.name tab鍵 生成 生成帶id樣式的標籤 標籤名 id tb...
ngrok內網發布到外網神器
在開發web專案的時候，如果實在同乙個區域網內開發，除錯的時候會很方便，但是如果發布的專案需要給不再同一區域網內的人員訪問的時候，就不方便了。對於在該區域網內的位址，需要發布到外網上讓其他人訪問的時候。一種方法是把你使用的位址和埠 掛到公網ip上。這樣外網就可以通過訪問公網方式，來間接的訪問區域網w...