讓 localhost 也能被外部呼叫:試用 Visual Studio 2022 的 Developer Tunnels

2025-10-27

上一篇文章介紹了 ngrok ,讓原本的自己本機測試的東西可以變成 global 讓外部的服務去呼叫加速本機的測試可能性

後來同事提醒我其實 Visual Studio 2022 有內建,我就很訝異查了一下關鍵字 "開發人員通道" ( Developer Tunnels )


在開發 Web API 或是整合第三方 Webhook 的時候,你一定遇過這種情況:

明明在本機 http://localhost:xxxx 跑得好好的,但要讓外部服務(像是 LINE Bot、ChatGPT MCP Server、Webhook 等)

callack 到你的 API,就會卡住,因為 localhost 根本不能被外部網路訪問。

所以今天我們就看一下這我之前沒用過的功能..

1. 今天我們就打開 Web API 官方測試案例,就是萬年的天氣範例

2. 在 Visual Studio 2022 介面上,在執行旁邊的 https  旁邊有一個小箭頭,點開後就會看到 開發人員通道 ( Developer Tunnels )


之後他應該會要你先登入 Microsoft 帳號,不過大部分用乎應該是都有登入的狀態,之後就按照指示就輕鬆建立起來


建立後按下 Ctrl+ f5 執行起來 應該會是 https://隨機亂碼.asse.devtunnels.ms 這樣就可以了

之後會出現這提示畫面,之後按下繼續就可以了

這邊就整合得很簡單

result:



小結:

你問我哪個好,如果就方便性,如果你使用 Visual Studio 2022 ,當然開發人員通道 會很方便

但是 ngrok 就是啥都可以,畢竟他是獨立安裝,而且多一個功能 

ngrok 執行畫面


在 ngrok 執行的時候,可以看到底有誰呼叫並且呼叫了啥,可以更方便於 debug 

所以就看你的使用方法,反正多知道一個資訊也是多一分方便 :)

這裡面因為我是用暫時的通道,我放了兩三天再來執行就會有點問題需要重新建立,這點倒是要注意一下。





當麻許的碎念筆記 2014 | Donma Hsu Design.