通过sftp实现与云服务器通信

个人新博客地址→点我♪(^∀^●)ノ

目的

IDE端实时保存修改,云服务器端接收到最新项目,实现项目最新进度,
本次项目为一个实现浏览器端实时输入数据,云服务器接受到数据的小demo。

主要分为本地端sftp的配置和云服务器端的配置

云服务器安装基本包

所需要的包

安装文件上传下载工具

# yum install lrzsz

通过sftp实现与云服务器通信

安装NODEJS运行环境

# yum install nodejs

通过sftp实现与云服务器通信

安装刷新保存工具

npm install nodemon -g

通过sftp实现与云服务器通信

安装本次项目依赖

npm install koa sha1 axios

通过sftp实现与云服务器通信

webStron配置sftp

导出shell用户**

通过sftp实现与云服务器通信


通过sftp实现与云服务器通信

配置webStrom端sftp的Contection

通过sftp实现与云服务器通信

SFTP host 为服务器公网IP port端口为服务器通信端口

Root path 为云服务器根目录 这里默认应该设置为/云服务器根目录的

User nameroot

Auth typeKey pair

Private key file为刚才导出的用户**

测试连接
通过sftp实现与云服务器通信

点击yes完成测试

配置webStrom端sftp的Mappings

通过sftp实现与云服务器通信

Local path: 本地项目路径

Deployment path: 项目发布路径(云服务器端)

Web path: web浏览器端路径

配置webStrom端sftp的Excluded

为本次项目下忽略的文件配置,类似gitignore,本次不配置

配置每次保存后自动上传

通过sftp实现与云服务器通信

配置完成后,在项目上点击右键会有 upload to **** server的快捷方式,效果如下:

通过sftp实现与云服务器通信

通过sftp实现与云服务器通信

实现服务器端运行项目

云服务器端打开80/80端口,配置过滤规则,简单测试:

输入数据:

通过sftp实现与云服务器通信

云服务器端接受数据:

通过sftp实现与云服务器通信