iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 25
0
自我挑戰組

網頁工程師在windows上的求生秘訣系列 第 25

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

  • 分享至 

  • xImage
  •  

在平常開發的過程中,都是在自己的本機上瀏覽,如果想要將你做好的作品給別人看,不外乎就是要將你的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,這時就可以先用這個暫時的網址來進行開發

注意事項

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


上一篇
製作操作說明小幫手(步驟收錄程式)
下一篇
讓windows的觸控板更接近mac的小方法
系列文
網頁工程師在windows上的求生秘訣30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言