遠程開發環境#
前提#
不想花錢買伺服器,但是家裡有閒置的設備,比如 nas 等
所需內容#
一個伺服器,一個免費域名,cloudflare 帳號
操作#
給自己的伺服器安裝 ssh 並開啟
把域名托管到 cloudflare 上
點擊 cloudflare 左邊的 zero trust
點擊網絡的 tunnels
然後點擊創建隧道,自己創建一個隧道
點擊右側的三個點,點擊配置
然後回到伺服器,根據自己的伺服器系統,選擇安裝
然後點上面的公共主機名
點擊添加公共主機名,子域自己隨便起,後面的域要是創建隧道時候綁定的域名,類型選 ssh,url 我實測填 localhost 是沒有問題的
設置完成後,打開你本機的 vscode,在插件裡搜 ssh,安裝 remota-ssh
安裝完後,旁邊會有一個圖標,點擊它
然後點擊 ssh 旁邊的設置按鈕
選擇第一個就行
host 填自己剛才設置的域名,user 就是登錄的用戶,我這裡是用密鑰登錄的,所以會有個 IdentityFile 的文件路徑,沒有就刪除這一行,用密碼登錄
保存以後,旁邊就會出現一個主機
箭頭是在當前窗口連接,後面那個是在新窗口打開
但是現在是連接不上的,因為是用 cloudflared 內網穿透的,所以還要在本機上裝個 cloudflared 客戶端
訪問https://developers.cloudflare.com/cloudflare-one/connections/connect-networks/downloads/
根據自己的操作系統選擇安裝
安裝完以後點擊連接,稍等一下
選擇一個自己創建項目的文件夾,直接創建一個項目
我這邊伺服器的開發環境已經搭建好了,所以直接創建
後面如果換設備開發,只需要裝個 cloudflared 客戶端,在 vscode 上裝個 remota-ssh 插件就行,不用反復安裝 nodejs 和安裝 node_modules,畢竟 node_modules 就像在你電腦上拉了一坨大的