2026年3月9日 星期一

透過 VSCode Port Forwarding 來設定回傳導頁

之前有寫過透過 ngrok 來設定導回頁面,詳情可參考,不過很可惜由於公司內部資安規範,這類的

檔案會被歸類為風險不勘使用,殘念,只好再次研究...



一開始有想使用 Cloudflare Tunnel,但是測試時發現,開發機預設沒有開啟相關 port,解法可能要

跟IT人員申請開通



另一種 Pinggy,使用方法也是很簡單,直接再命令列打上指令

接著它會問你是否要產生 Key 並且設定密碼


接著就會幫你產生網址,還有 QR-Code


但是實際測試時會導向一個詢問頁面,點選同意後才會真正導到我的指定頁面,最後雖然有

導到指定頁面但是相關參數結果已經接收不到,若要解決這個問題,需要購買 pro 版


最後使用的方式,AI 建議可以使用 vscode 內建的 port forwarding


vscode 輸入 ctrl + shift + p


下方工具列,就會出現 PORTS 頁籤,可以透過 Add Post 來新增post forwarding


接著是眉角的,若要設定 asp.net core 專案站台,需要將專案切換到 Kestrel 模式(預設是 IIS Express)

意思就是啟動偵錯時會跑一個 Console 的視窗


或是可以透過指令執行 dotnet run


而相關 post 號,可以透過 launchSettings.json 來觀看,但是記得取用 project 非 https 的,

因為 port forwarding 已經會轉 https , 所以使用 https 的 port 號



最後的最後,由於 asp.net core 有一個強制轉 https 的項目,這個需要關起來
app.UseHttpsRedirection();




沒有留言:

張貼留言