iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 24
0
Modern Web

每日挖個坑,用坑填起耍廢聊天室!系列 第 24

二十四號坑,在local也可以測連線-ngrok

  • 分享至 

  • xImage
  •  

今天沒有新進度(誒)
今天來介紹一個可以讓其他裝置連上localhost的神奇工具-ngrok

到網站下載檔案之後,把檔案放在你知道怎麼用terminal找到他的路徑(?)

我習慣是把它放在要測的資料夾上一層啦,這樣我執行都固定下一樣的指令可以很無腦這樣

  • npm run dev把程式build起來

  • 再開一個terminal,vscode有一個加號可以直接開
    https://ithelp.ithome.com.tw/upload/images/20191010/20111962NOdul6HLtA.png

  • 如果跟我放的一樣,就繼續輸入 ../ngrok http 3000
    (3000就看是聽哪個port)

就會看到下面這個狀態
ngrok/20191010/20111962ld438c8iTo.png

Forwarding會輸出一個http跟一個https的網址,就可以用這個網址讓手機或其他的裝置連上local,測試一下你寫的結果囉,不過打開的時候loading會超級慢,而且太多裝置連會很快失效,失效就重新在起一次ngrok就可以了,只是網址也會換


後記:
ngrok之前我是用在玩linebot的時候用過,因為line的LIFF一定要走https,然後要測試就要上一版到heroku超級麻煩,用了ngrok就方便許多~


上一篇
二十三號坑,換頁就立刻focus!
下一篇
二十五號坑,來做多個聊天頻道之一(資料建立篇)
系列文
每日挖個坑,用坑填起耍廢聊天室!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言