資訊專欄INFORMATION COLUMN
摘要：能做什么，為什么是前端開發(fā)神器內(nèi)網(wǎng)穿透，映射本地開發(fā)環(huán)境到公網(wǎng)，模擬多終端線上環(huán)境。努力成為優(yōu)秀的前端開發(fā)工程師
ngrok能做什么，為什么是前端開發(fā)神器？
內(nèi)網(wǎng)穿透，映射本地開發(fā)環(huán)境到公網(wǎng)，模擬多終端線上環(huán)境。
結(jié)合一個(gè)很簡單的PWA demo，舉個(gè)簡單的例子
1.克隆demo到本地git clone https://github.com/minimal-xyz/minimal-pwa.git
2.本地8080端口運(yùn)行democnpm i http-server -g http-server -c-1 chrome http://localhost:80803.ngrok內(nèi)網(wǎng)穿透到公網(wǎng)
ngrok http 80804.查看公網(wǎng)地址
chrome http://127.0.0.1:4040/inspect/http5.公網(wǎng)多終端訪問
①使用另外一臺或本機(jī)desktop
chrome http://733a1ad2.ngrok.io
②使用android，safari mobile，ff mobile等mobile phones
地址欄手動輸入http://733a1ad2.ngrok.io
1.一條url甩產(chǎn)品臉上
2.內(nèi)網(wǎng)穿透多終端測試
3.監(jiān)控請求和響應(yīng)
1.響應(yīng)時(shí)間較長
2.安全性不保證
1.ngrok下載地址：https://ngrok.com/download
2.環(huán)境:git，node，cnpm，ngrok，Chrome
3.chrome和ngrok命令需設(shè)置環(huán)境變量
4.以上命令在終端中運(yùn)行即可
5.協(xié)議選擇https和http都行
題外話：
今天MDN官方宣布say goodbye to firebug，say hello to pwa and view sources，最后說了很多煽情的話。我只在很久以前用過一次firebug改dom裝逼，所以對這些煽情的話無感，倒是對pwa和view source有了很深的興趣。
于是借這個(gè)大好的加班前夜，學(xué)了下PWA，學(xué)習(xí)鏈接附上：https://zhuanlan.zhihu.com/p/...，他們家的各種教程不能太好，無論前端還是nodejs，真心不錯(cuò)，以后外賣我只吃餓了么。
無意中發(fā)現(xiàn)ngrok這個(gè)神器，一開始以為這家伙只能做內(nèi)網(wǎng)穿透，后來發(fā)現(xiàn)既然公網(wǎng)地址提供出來了，手機(jī)上也可以訪問啊，一下子有些興奮，因?yàn)榈谝患覍?shí)習(xí)時(shí)學(xué)到的移動端前端測試，需要手動配置本地localhost開發(fā)環(huán)境，而且需要連接到360免費(fèi)wifi，較為麻煩。
其實(shí)ngrok還有很多其他的功能，有興趣的同學(xué)可以到https://ngrok.com/product查看。
努力成為優(yōu)秀的前端開發(fā)工程師！
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/89359.html
摘要：是一個(gè)可移植，隔離，快速且功能強(qiáng)大的通用開發(fā)環(huán)境，適用于，，，，，。每每這樣都絕望地將項(xiàng)目放到推薦的標(biāo)準(zhǔn)開發(fā)環(huán)境上面跑，殺雞也用牛刀著實(shí)不痛快。 Laragon is a portable, isolated, fast & powerful universal development environment for PHP, Node.js, Python, Java, Go, Ru...
摘要：是一個(gè)可移植，隔離，快速且功能強(qiáng)大的通用開發(fā)環(huán)境，適用于，，，，，。每每這樣都絕望地將項(xiàng)目放到推薦的標(biāo)準(zhǔn)開發(fā)環(huán)境上面跑，殺雞也用牛刀著實(shí)不痛快。 Laragon is a portable, isolated, fast & powerful universal development environment for PHP, Node.js, Python, Java, Go, Ru...
摘要：寫此文的目的是為了總結(jié)在開發(fā)中能增加我們開發(fā)速度及能給我們帶來方便的工具與網(wǎng)站及一些小眾框架只限于簡介不負(fù)責(zé)教程如有相應(yīng)的教程希望大家自薦或推薦我在這里感激不盡讓我們發(fā)現(xiàn)美并記錄它第一次寫文章請多多包涵如有我沒有寫到的但又是一些好用的工具及 寫此文的目的是為了總結(jié)在開發(fā)中能增加我們開發(fā)速度及能給我們帶來方便的工具與網(wǎng)站及一些小眾框架只限于簡介不負(fù)責(zé)教程如有相應(yīng)的教程希望大家自薦或推薦我...
閱讀 2594·2023-04-25 22:09
閱讀 1114·2021-11-17 17:01
閱讀 1889·2021-09-04 16:45
閱讀 2682·2021-08-03 14:02
閱讀 871·2019-08-29 17:11
閱讀 3331·2019-08-29 12:23
閱讀 1153·2019-08-29 11:10
閱讀 3341·2019-08-26 13:48
