IDEA 连接远程服务器简化部署流程

IDEA 连接远程服务器简化部署流程

背景

笔者每次上线部署应用,都要使用第三方的客户端连接工具,比如 Xshell,FinalShell,Terminus 等。基本的部署步骤是打包后的 Jar 包或者 dist 目录(前端)和 Dockerfile 文件通过第三方客户端连接工具上传到服务器上,及其繁琐!

基于这个原因,笔者今天探索通过 IDEA 连接远程服务器并上传文件,减少繁琐的部署步骤

实现

笔者使用的 IDEA 是 2023.1.3 版本,版本较新,但兼容旧版本。

连接远程服务器

打开 IDEA 的 Settings 配置列表,选择 Tools 配置,选择 SSH Configuration ,填写我们的服务器信息

  • 填写我们的 主机IP、用户名、密码即可连接远程的服务器,最后点击 Apply 即可。

接着,点击 Tools -> Start SSH Session -> 选择我们刚刚配置好的服务器信息,就可以在终端上连接好我们刚刚配置的服务器。

  • 连接完毕后,就可以对服务器进行操作了

配置 SFTP

配置 SFTP 的目的是让我们直接在 IDEA 中就可以上传文件,再也不用依赖其他客户端连接工具了。

首先,点击 Settings -> Build,Execution,Deployment -> Deployment

接着点击左上角的 + 号,配置 SFTP 信息,最后点击 apply 即可。

  • SSH configuration 可以选择我们刚刚配置好的 SSH 信息;
  • Root Path(选填):是登录到服务器中某个具体的文件路径;
  • Web server URL(选填):填写主机的 IP;

显示文件终端

点击 Tools -> Deployment -> Browser Remote Host,就可以显示我们服务器上的文件列表,通过拖拽本地文件即可实现文件上传;

应用部署

这里,我通过一个 VuePress 搭建的文档网站的部署进行演示,通过 IDEA 连接远程服务器进行部署,非常方便!

应用打包

通过 npm run docs build 命令进行打包,生成 dist 文件夹

将 dist 文件夹放到我准备好的 build 目录下,然后把整个 build 目录拖拽到我们服务器指定的位置上,打开服务器终端,进入到 build 的同级目录下

然后执行脚本一键部署即可。

相关推荐
wanhengidc18 小时前
云手机将要面临的挑战有哪些?
运维·网络·安全·游戏·智能手机
岚天start18 小时前
网络计算工具ipcalc详解
linux·运维·网络·网关·广播地址·掩码·ipcalc
小薛博客18 小时前
26、Jenkins流水线
java·servlet·jenkins
SH11HF18 小时前
Jenkins调用ansible部署lnmp平台
运维·ansible·jenkins
小薛博客19 小时前
23、Jenkins容器化部署Vue应用
运维·vue.js·jenkins
xiaozhenghahaha19 小时前
Web相关知识(草稿)
运维·nginx
CHEN5_0219 小时前
【CouponHub项目开发】EasyExcel解析Excel并使用线程池异步执行和延时队列兜底
java·数据库·excel
Metaphor69219 小时前
Java 如何在 Excel 中添加超链接?使用 Spire.XLS for Java 轻松实现
java·经验分享·excel
David爱编程19 小时前
锁升级机制全解析:偏向锁、轻量级锁、重量级锁的秘密
java·后端
技术小泽19 小时前
深度解析Netty架构工作原理
java·后端·性能优化·架构·系统架构