前言
- 這篇的前身是 【Windows】將 anydesk 作為 VPN 跳板 (建立 tcp tunnel)，使用 ssh 進行遠端連線開發 (Windows anydesk ssh command line)
上一個方法我們是使用 anydesk 作為 ssh 的跳板，並且透過 VScode 遠端連進去，
這篇的方法省掉一個 anydesk 的步驟，我們直接連進去。
- 另外其實還有一篇是不透過 anydesk 的舊方法，可以參考這一篇 【Docker】利用 VScode 透過 ssh tunnel 直接連線到遠端 Docker 的 container 中進行開發
透過 VScode 連線至遠端 container - 直接於 VScode 設定連線位置 (2022/3/13 新增方法)
新方法簡單很多，直接在 VScode 設定時修改 docker.host 的位置指定給要連線的主機即可，
須注意以下幾點：
- VPN 連上遠端網域
- ssh 先連上對方主機 (可以使用 ssh target 的地方連入)，此時可以看到對方的 continer
- 找到對應的 container 進行連線
基本的 docker 擴充功能必須先安裝好，
而且 local 也需要具備有 docker 的功能，
如果不知道如何在 windows 中啟用 docker 功能可以參考這篇：
https://wongwongnotes-github-io.pages.dev/linux/docker/docker-windows/
step 1. VPN 連上遠端網域
之前已經有很多教學了，不知道的可以參考
【MobaXterm】在 Windows 中使用 MobaXterm VPN 連線至遠端系統 (linux, ubuntu) 遠端 ssh 顯示畫面
step 2. ssh 先連上對方主機 (可以使用 ssh target 的地方連入)，此時可以看到對方的 continer
ssh 先連上對方主機 (可以使用 ssh target 的地方連入)，此時可以看到對方的 continer
- 範例圖：我們可以從 VScode 側邊的遠端設定當中，直接切換「目前視窗」，變成「遠端的連線視窗」
- 範例圖：我們可以從 VScode 左下角的狀態判斷自己是否已經連線
step 3. 找到對應的 container 進行連線
到這邊就會跟之前的結果一樣了，因此我們就不用再像舊方法一樣，設定東設定西的。
- 會顯示遠端的 container
透過 VScode 連線至遠端 container - ssh 反向跳板 (2021/11/13 舊方法)
step 1. terminal 建立 ssh 反向通道，使本地可查看遠端 docker 內容
ssh -p 9000 -nNTL localhost:23750:/var/run/docker.sock ubuntu@localhost
step 2. VScode 設定的部分
基本的 docker 擴充功能必須先安裝好，
而且 local 也需要具備有 docker 的功能，
如果不知道如何在 windows 中啟用 docker 功能可以參考這篇：
https://wongwongnotes-github-io.pages.dev/linux/docker/docker-windows/
step 2.1 打開「設定」，我們準備進行修改
我們打開並修改設定「settings.json」，
點選「檔案」->「喜好設定」中的「設定」。
step 2.2 在上方搜尋「settings.json」(不用全輸入)，打開「settings.json」，我們準備進行修改
- 或者也可以點擊右上角的符號，也可以叫出 「settings.json」
step 2.3 在「settings.json」中加入遠端 container port 的設定
在「settings.json」中加入這行
"docker.host": "tcp://localhost:23750"
- 示意圖：
只需要確保有加入紅框那行即可，
其他行代表的是其他設定，可以不用管。
完成結果
我們可以在 local 自己的 VScode，
可以透過「Docker extension」直接看到遠端 container 內的資料。
(注意：不需要再另外經由 VScode 的 ssh 至遠端)
- 會顯示遠端的 container