內網穿透ngrok工具的使用

2021-10-23 09:55:38 字數 998 閱讀 1759

相信大家都遇到過專案或者頁面製作完成了,需要測試測試時,由於專案又在本地無法在別的電腦訪問,只能在你電腦訪問檢視這樣很不方便

1.什麼是內網穿透?

2.內網穿透有什麼用?

【情景1】

假設你寫了乙個**功能,本地測試已經ok,此時,你要想讓千里之外的朋友幫你測試,會怎麼做呢?

a方案:如果你的朋友懂**,你可以把**打包發給他,讓他在本地測試;

b方案:如果你的朋友不懂**,你只能搭建一套伺服器,然後放到伺服器上面,讓他通過外網訪問進行測試;

不論是a方案還是b方案,整個過程複雜繁瑣。特別是b方案,如果不會伺服器部署那套,那直接白搭。

此時,ngrok 就可以派上用場了,只需要開啟輸入乙個命令,就可以讓你千里之外的朋友測試了,整個操作耗時5秒不到。

【情景2】

3.實戰練習

說了這麼多概念篇幅,就是為了讓你明白他的概念和用途,接下來我們寫個實戰例子,看看 ngrok 到底該怎麼用?

(1)本地隨便vscode建立乙個 html 專案,利用vscode外掛程式live server快速啟動乙個本地webserver。

(2)啟動專案,本地進行訪問測試。

(4)雙擊開啟ngrok.exe然後輸入命令:ngrok http 5500 (5500為你的程式訪問埠)

(5)然後拼上你的方法路徑,進行訪問,可以看到這個帶https的網域名稱也能夠訪問到你的程式。這樣的話,你不但自己可以測試,還可以把這個公網位址發給你讓千里之外的朋友,讓他幫你測試。

以上,整個使用過程結束!

內網穿透 ngrok 工具使用指南

2 解壓之後,進入ngrok目錄,shift 右鍵 選擇 在此處開啟命令列視窗 執行如下命令啟動 ngrok,其中yourdomain為自行指定的網域名稱,8080為本地需要對映的埠號。ngrok.exe config ngrok.cfg subdomain yourdomain 8080舉例,假如...

輔助開發 ngrok(內網穿透對映工具)的使用

今天了解到內網穿透工具ngrok,輔助開發很有用,就把整個流程記錄下來,使看到的小夥伴可以快速上手使用ngrok。登入 1.先註冊會員 2.然後按照使用教程裡面的 隧道開通 教程操作 需要注意 1.前置網域名稱 可以自定義填寫乙個單詞即可 3.htttp驗證使用者名稱和密碼不必填寫,不然訪問時需要驗...

內網穿透Ngrok安裝

參考資料 domain表示使用的父網域名稱 後面在ngrok客戶端配置的 網域名稱是該網域名稱的子網域名稱 docker做埠對映時,為了支援tcp 如ssh登入,需要除了ngrok和ngrokd連線的埠 http https埠外,還需要額外的埠修改 etc hosts檔案 增加如下配置 以便通過ss...