Skip to main content

將開發中網頁變成有獨立網址的工具-ngrok

在平常開發的過程中,都是在自己的本機上瀏覽,如果想要將你做好的作品給別人看,不外乎就是要將你的code傳到有獨立ip的地方,才有辦法讓其他人看到你的作品,但如果只是要給其他人看一下作品的內容,這樣也太費工夫了,這時候,ngrok就可以幫你一個忙

ngrok主要就是將你的電腦的一個port跟他們公司的server的port相連,在自動將一個獨立的網址轉到你的port號上,就可以讓其他人可以連到你的電腦內了

使用方法

  1. 先到官網申請一個帳號,並登入進去
  2. 將他的安裝檔下載下來
  3. 將他的安裝檔解壓縮,並用terminal打開
  4. 將你在ngrok的網頁中的指令複製到terminal後執行
./ngrok authtoken xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

5. 接著就可以執行了

.\ngrok.exe http 9898

這個意思就是將你的9898 port轉成一個雲端的網址 這樣只要在瀏覽器查看這個網址,就可以看到妳的網頁show出來了

這個如果在測試雲端的api特別好用,比如說在測試aws的時候,他需要一個對外的網址來讓aws來ping你的api,這時就可以先用這個暫時的網址來進行開發

注意事項

這個網址如果是免費的方案,在每次啟動的時候都會變換,如果需要固定的網址,就需要升級他們的付費方案,這點要特別的注意!!