VS Code通过跳板机连接服务器进行远程代码开发

本文涉及的产品
运维安全中心(堡垒机),免费版 6个月
简介: VS Code通过跳板机连接服务器进行远程代码开发

VS Code通过跳板机连接服务器进行远程代码开发


VScode发布了远程编程与调试的插件Remote Development包含(remote-ssh插件),使用这个插件可以在很多情况下代替vim直接远程修改与调试服务器上的代码,同时具备代码高亮与补全功能,就和在本地使用VScode一样,不用在服务器端翻来覆去的配置vim插件


640.jpg


场景1:内网VScode直接SSH远程服务器


如下图所示,开发工程师在公司内网直接通过VScode直接SSH远程服务器

640.png


在VS code中修改与调试服务器上的代码,具体步骤如下


1、在vscode中安装remote-ssh插件


直接在vscode中搜索Remote-SSH或者Remote Development插件即可安装 具体参考如下链接


https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack
https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh


640.jpg

2、Win10机器上生成SSH密钥对


ssh-keygen -b 4096 -t rsa


640.jpg

3、并将公钥拷贝到开发服务器上


开发服务器IP:192.168.31.232


cat id_rsa.pub
cat id_rsa.pub >> /root/.ssh/authorized_keys


640.jpg


并在Win10机器上验证免密登录是否OK


cmd命令行中验证


ssh root@192.168.31.232

640.jpg


4、VScode中SSH连接服务器


1)、点击远程资源管理器


SSH TARGETS 然后Enter SSH Connection Command输入框中输入 ssh


root@192.168.31.232


640.jpg


2)、选择SSH配置文件


可以选择默认的用户目录下.ssh/config作为默认VScode SSH连接的配置文件

640.jpg

3)、点击Connect


640.jpg

4)、选择目标服务器的操作系统平台:Linux

640.jpg


Tips:


当出现如下报错时可以更改为其它路径下配置文件作为VScode SSH连接的配置文件


640.jpg

640.jpg


例如D:\YuanFan.ssh\config


但实际的原因是因为主机名与用户一致导致的,参考如下链接


https://github.com/PowerShell/openssh-portable/pull/418


连接成功后,进行文件编辑


640.jpg640.jpg

也可以在资源管理器中选择服务器上文件直接编辑

640.jpg

场景2:VScode通过跳板机SSH远程到目标服务器


当然在家远程办公时或者其它有跳板机的情况下

以下图为例


640.png



192.168.31.105为跳板机,也是Linux服务器  


为了安全起见只将跳板机192.168.31.105映射到公网,例如映射成的地址为192.168.1.3(模拟为公网IP进行测试)  


这里为了演示方便,我直接用家用路由器模拟配置DMZ 192.168.31.105  

路由器WAN口192.168.1.3


640.jpg


在VScode SSH连接的配置文件中添加如下配置


Host JumperServer
  HostName 192.168.1.3
  User root
  Port 22
Host DevloperServer
  HostName 192.168.31.232
  User root
  ProxyCommand ssh.exe -W %h:%p JumperServer


640.jpg



为何这样配置,可以参考如下几个链接


[https://zhuanlan.zhihu.com/p/103578899]
[https://www.cnblogs.com/azureology/p/14620969.html]
[https://www.edwardzcn98yx.com/post/658f5f87.html]


并将公钥也拷贝到跳板机192.168.31.105服务器上


640.jpg

640.jpg

效果演示


640.jpg

640.jpg

640.jpg


以上就是VSode通过跳板机的方式SSH远程调试修改开发服务器上代码的步骤


3、延展待研究讨论


不过企业内网里部署了商业堡垒机,也就是图中Linux跳板机替换为商业堡垒机

640.png

640.png


这种VSCode先通过连接堡垒机再跳转到目标开发服务器的场景


目前暂未测试过,有兴趣的堡垒机厂商朋友可以研究一下

相关文章
|
3天前
|
监控 Ubuntu Linux
使用VSCode通过SSH远程登录阿里云Linux服务器异常崩溃
通过 VSCode 的 Remote - SSH 插件远程连接阿里云 Ubuntu 22 服务器时,会因高 CPU 使用率导致连接断开。经排查发现,VSCode 连接根目录 ".." 时会频繁调用"rg"(ripgrep)进行文件搜索,导致 CPU 负载过高。解决方法是将连接目录改为"root"(或其他具体的路径),避免不必要的文件检索,从而恢复正常连接。
|
12天前
|
关系型数据库 API 数据库
后端开发的艺术:从零到一构建高效服务器
在数字化时代,后端开发是支撑现代互联网应用的基石。本文旨在探讨后端开发的核心概念、关键技术以及如何构建一个高效的服务器。我们将从基础的编程语言选择开始,逐步深入到数据库设计、API开发和性能优化等关键领域。通过实际案例分析,我们将揭示后端开发的复杂性和挑战性,同时提供实用的解决方案和最佳实践。无论你是初学者还是有经验的开发者,这篇文章都将为你提供宝贵的见解和启发。
|
24天前
|
网络安全 Docker 容器
VScode远程服务器之远程 远程容器 进行开发(五)
VScode远程服务器之远程 远程容器 进行开发(五)
21 1
|
26天前
|
IDE 网络安全 开发工具
IDE之vscode:连接远程服务器代码(亲测OK),与pycharm链接服务器做对比(亲自使用过了),打开文件夹后切换文件夹。
本文介绍了如何使用VS Code通过Remote-SSH插件连接远程服务器进行代码开发,并与PyCharm进行了对比。作者认为VS Code在连接和配置多个服务器时更为简单,推荐使用VS Code。文章详细说明了VS Code的安装、远程插件安装、SSH配置文件编写、服务器连接以及如何在连接后切换文件夹。此外,还提供了使用密钥进行免密登录的方法和解决权限问题的步骤。
230 0
IDE之vscode:连接远程服务器代码(亲测OK),与pycharm链接服务器做对比(亲自使用过了),打开文件夹后切换文件夹。
|
16天前
|
NoSQL PHP Redis
布谷语音app源码服务器环境配置及技术开发语言
布谷语音app源码服务器环境配置及技术语言研发。。
|
23天前
|
Apache 数据中心 Windows
将网站迁移到阿里云Windows系统云服务器,访问该站点提示连接被拒绝,如何处理?
将网站迁移到阿里云Windows系统云服务器,访问该站点提示连接被拒绝,如何处理?
|
24天前
|
Kubernetes 网络安全 容器
VScode远程服务器进行开发(三)
VScode远程服务器进行开发(三)
22 0
|
25天前
|
弹性计算 安全 Windows
通过远程桌面连接Windows服务器提示“由于协议错误,会话将被中断,请重新连接到远程计算机”错误怎么办?
通过远程桌面连接Windows服务器提示“由于协议错误,会话将被中断,请重新连接到远程计算机”错误怎么办?
|
7天前
|
弹性计算
阿里云2核16G服务器多少钱一年?亲测价格查询1个月和1小时收费标准
阿里云2核16G服务器提供多种ECS实例规格,内存型r8i实例1年6折优惠价为1901元,按月收费334.19元,按小时收费0.696221元。更多规格及详细报价请访问阿里云ECS页面。
39 9
|
7天前
|
弹性计算 异构计算
2024年阿里云GPU服务器多少钱1小时?亲测价格查询方法
2024年阿里云GPU服务器每小时收费因实例规格不同而异。可通过阿里云GPU服务器页面选择“按量付费”查看具体价格。例如,NVIDIA A100的gn7e实例为34.742元/小时,NVIDIA A10的gn7i实例为12.710156元/小时。更多详情请访问阿里云官网。
41 2
下一篇
无影云桌面