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