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

简介: 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先通过连接堡垒机再跳转到目标开发服务器的场景


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

相关文章
|
人工智能 C++ iOS开发
ollama + qwen2.5-coder + VS Code + Continue 实现本地AI 辅助写代码
本文介绍在Apple M4 MacOS环境下搭建Ollama和qwen2.5-coder模型的过程。首先通过官网或Brew安装Ollama,然后下载qwen2.5-coder模型,可通过终端命令`ollama run qwen2.5-coder`启动模型进行测试。最后,在VS Code中安装Continue插件,并配置qwen2.5-coder模型用于代码开发辅助。
30122 71
|
8月前
|
Shell 网络安全 开发工具
服务器已经搭建好的项目如何关联至gitee对应仓库并且将服务器的项目代码推送至gitee-优雅草卓伊凡
服务器已经搭建好的项目如何关联至gitee对应仓库并且将服务器的项目代码推送至gitee-优雅草卓伊凡
492 5
|
自然语言处理 API C++
阿里通义推出SmartVscode插件,自然语言控制VS Code,轻松开发应用,核心技术开源!
SmartVscode插件深度解析:自然语言控制VS Code的革命性工具及其开源框架App-Controller
2631 1
阿里通义推出SmartVscode插件,自然语言控制VS Code,轻松开发应用,核心技术开源!
|
12月前
|
C# 图形学 开发者
Unity开发中使用UnityWebRequest从HTTP服务器下载资源。
总之,UnityWebRequest就是游戏开发者手中的万能钓鱼竿,既可以获取文本数据,也能钓上图片资源,甚至是那声音的涟漪。使用UnityWebRequest的时候,你需要精心准备,比如确定URL、配置请求类型和头信息;发起请求;巧妙处理钓获的数据;还需要机智面对网络波澜,处理各种可能出现的错误。按照这样的过程,数据的钓取将会是一次既轻松愉快也效率高效的编程钓鱼之旅。
698 18
|
11月前
|
安全
基于Reactor模式的高性能服务器之Acceptor组件(处理连接)
本节介绍了对底层 Socket 进行封装的设计与实现,通过 `Socket` 类隐藏系统调用细节,提供简洁、安全、可读性强的接口。重点包括 `Socket` 类的核心作用(管理 `sockfd_`)、成员函数的功能(如绑定地址、监听、接受连接等),以及 `Acceptor` 组件的职责:监听连接、接收新客户端连接并分发给上层处理。同时说明了 `Acceptor` 与 `EventLoop` 和 `TcpServer` 的协作关系,并展示了其成员变量和关键函数的工作机制。
234 2
|
人工智能 自然语言处理 API
Cline:29.7K Star!一文详解VSCode最强开源AI编程搭子:一键生成代码+自动跑终端+操控浏览器...
Cline 是一款集成于 VSCode 的 AI 编程助手,支持多语言模型,实时检查语法错误,帮助开发者提高编程效率。通过智能化手段,Cline 可以生成代码、执行终端命令、调试 Web 应用,并扩展更多功能。
7001 74
|
10月前
|
SQL Oracle 关系型数据库
【赵渝强老师】Oracle客户端与服务器端连接建立的过程
Oracle数据库采用客户端-服务器架构,客户端通过其网络环境与服务器通信,实现数据库访问。监听程序负责建立连接,通过命令lsnrctl可启动、停止及查看监听状态。本文介绍了监听器的作用及相关基础管理操作。
387 0
|
Go API 定位技术
MCP 实战:用 Go 语言开发一个查询 IP 信息的 MCP 服务器
随着 MCP 的快速普及和广泛应用,MCP 服务器也层出不穷。大多数开发者使用的 MCP 服务器开发库是官方提供的 typescript-sdk,而作为 Go 开发者,我们也可以借助优秀的第三方库去开发 MCP 服务器,例如 ThinkInAIXYZ/go-mcp。 本文将详细介绍如何在 Go 语言中使用 go-mcp 库来开发一个查询 IP 信息的 MCP 服务器。
847 2
|
人工智能 网络安全 开发工具
vscode代码推送到github库菜鸡专用教程
vscode代码推送到github库菜鸡专用教程