快速讓外網連接本機的利器 | ngrok限制
又是一篇久違的文章,最近真是太忙了,又要上班又要忙私底下的專案,回到家都累死了。而且最近也在忙組電腦的事情,也沒確定好,之後等電腦組好送來,再來發一篇心得及開箱文!今天要介紹一款我開發web後端上常用的工具,那就是ngrok,這款工具就跟標題一樣的功能,快速讓外網連接本機的利器!外網的意思就是我們會擁有一個公開的網址,可以讓其他人直接連上該網址上的內容,也就是說,當我們在開發專案的時候,常常都是在Local端進行開發。尤其當我們這個專案又是屬於前後端各自分工的性質的話,如果後端開發好Api,想要給前端接Api...
又是一篇久違的文章,最近真是太忙了,又要上班又要忙私底下的專案,回到家都累死了。而且最近也在忙組電腦的事情,也沒確定好,之後等電腦組好送來,再來發一篇心得及開箱文!
今天要介紹一款我開發 web 後端上常用的工具,那就是ngrok,這款工具就跟標題一樣的功能,快速讓外網連接本機的利器!外網的意思就是我們會擁有一個公開的網址,可以讓其他人直接連上該網址上的內容,也就是說,當我們在開發專案的時候,常常都是在Local端進行開發。尤其當我們這個專案又是屬於前後端各自分工的性質的話,如果後端開發好Api,想要給前端接Api的話,怎麼辦呢?難道要將我們的 Api 架在一台主機上,在開 port 出去,讓外網可以連接進來?手續太麻煩了,對於新手而言還不知道該怎麼下手呢。當然現在也有所謂架設雲端伺服器的方式,來放置我們的Api,理論上是比自己架在主機上更加地容易,在這邊我推薦快速架設的雲端平台 —Heroku,之後會發一篇教學文章來教如何將自己的Api架在上面。
但不管怎麼說,如果當下要快速測試,使用ngrok是最快的!
介紹 ngrokngrok的原理就是可以把外界的請求轉發到你本機指定的 Port,也就是由 ngrok 產生一串公開的網址來讓外網存取你本機上的Port。它的優點是快速而且還提供了https的服務讓你使用上更安全,甚至還可以設置密碼保護。
下載 ngrok官方下載網址:https://ngrok.com/download[1]
進去官方下載網址,選擇符合電腦的OS進行下載即可。在這邊用Windows來做示範。
基本上點選 windows 下載後,會是一個壓縮檔:
裡面就只有一個 exe 檔案而已,並沒有其他雜七雜八的,非常簡潔。
接著將ngrok.exe放置在你想要放置的硬碟位置即可~
執行 ngrok可以直接點擊ngrok.exe,它會出現一個 terminal 的畫面,並且上面會有工具的介紹,例如要怎麼使用該工具,有哪些terminal指令你可以怎麼下。
基本上只要將terminal路徑移到ngrok.exe下,或者你嫌麻煩的話,可以該路徑設為環境變數就可。
...