远程开发环境#
前提#
不想花钱买服务器,但是家里有闲置的设备,比如 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 就像在你电脑上拉了一坨大的