一次拉屎,到处使用

远程开发环境

前提

不想花钱买服务器,但是家里有闲置的设备,比如nas等

所需内容

一个服务器,一个免费域名,cloudflare账号

操作

给自己的服务器安装ssh并开启
把域名托管到cloudflare上

image

点击cloudflare左边的zero trust

点击网络的tunnels

image

然后点击创建隧道,自己创建一个隧道

image

点击右侧的三个点,点击配置

image

然后回到服务器,根据自己的服务器系统,选择安装

image

然后点上面的公共主机名

image

点击添加公共主机名,子域自己随便起,后面的域要是创建隧道时候绑定的域名,类型选ssh,url我实测填localhost是没有问题的

image

设置完成后,打开你本机的vscode,在插件里搜ssh,安装remota-ssh

image

安装完后,旁边会有一个图标,点击它

image

然后点击ssh旁边的设置按钮

image

选择第一个就行

image

host填自己刚才设置的域名,user就是登录的用户,我这里是用密钥登录的,所以回有个IdentityFile的文件路径,没有就删除这一行,用密码登录

image

保存以后,旁边就会出现一个主机

image

箭头是在当前窗口连接,后面那个是在新窗口打开
但是现在是连接不上的,因为是用cloudflared内网穿透的,所以还要在本机上装个cloudflared客户端
访问

https://developers.cloudflare.com/cloudflare-one/connections/connect-networks/downloads/


根据自己的操作系统选择安装
安装完以后点击连接,稍等一下

image

选择一个自己创建项目的文件夹,直接创建一个项目
我这边服务器的开发环境已经搭建好了,所以直接创建

image

image

后面如果换设备开发,只需要装个cloudflared客户端,在vscode上装个remota-ssh插件就行,不用反复安装nodejs和安装node_modules,毕竟node_modules就像在你电脑上拉了一坨大的

image