网页版 Xshell支持FTP连接和SFTP连接 【详细教程】接上篇文章

网页版的Xshell 网页版Xshell Web版Xshell

文章目录

更多创意性的开源项目

项目名称项目简述博客地址远程连接网页版的xhsellhttps://tanyongpeng.blog.csdn.net/article/details/122754995人脸登录网页版实现人脸登录https://tanyongpeng.blog.csdn.net/article/details/125920408easy-jenkins一键部署工具https://tanyongpeng.blog.csdn.net/article/details/128223343PlumGPT国内版AI免T直聊版https://tanyongpeng.blog.csdn.net/article/details/130023905

项目介绍

该平台类似于网页版的Xshell，基于cookie和json的方式存储登录信息无数据库更方便兼容每个用户的使用，支持SFTP和FTP两种登录方式，打破原有黑端显示命令行和文件名的方式，以div的方式展示文件图，支持命令输入，报错输出 目前代码已开源,，代码规范支持开闭原则，你可以添加新的连接方式如 SSH LOCAL 等 目前代码中有ssh代码连接示例，你可以在它原有的基础上做改善

1. 首先我们可以看到首页
2. 点击配置列表，配置登录信息
3. 点击添加
4. 填写登录信息
5. 列表中我们可以点击登录
6. 登录后
7. 双击进入可进入文件夹，单击可预览文件
8. 当我们右击文件可显示菜单项，文件夹不支持右击，只支持文件右击，菜单操作见名之意
9. 我们可以点击查看命令
10. 创建一个文件夹玩一下
11. 回车
12. 删除（）
13. 注意：rmrf命令是安全命令，他不会像是rm -rf，如果当前文件下面有文件，则会删除失败，如图下，报异常后，会提示异常
14. 清除
15. cd 命令
16. 也可以这样
17. 但是cd 命令不支持 …/ 返回上一层，所以为了弥补这缺陷，增加一个按钮添加命令，把当前路径添加为可点击的按钮
18. 回车后，下次我们可以直接点击这个按钮直接跳入到当前路径，默认显示在首页的导航栏，我们可以 add btnPath -b 这样就显示在按钮层了
19. 显示按钮层
20. 没有变化？
21. 不！我们可以点击按钮管理，它将会显示在这
22. 如图，你可以删除，或者直接进入
23. 点击路径标签可以输入，该功能类似于cd 但是它需要你输入全路径名称
24. 点击后，我们可以输入路径，按下回车即可
25. 回到首页，我们可以看见我们有两个按钮，导出json,和导入json,它可以把当前的数据进行导出或者导入
26. 我们可以看见在头部有一个滑块按钮，这个其实就是存储方式，默认当前的登录数据和你保存按钮的数据会保存在你的cookie中，点击切换后，会读取你桌面的路径创建一个文件夹，把登录数据和按钮数据保存在这个文件夹中，下次直接来读取就好了，当然这带一点入侵性，但是为了保证减少cookie的压力而设计，此系统刚刚开始设计的时候并没有考虑使用数据库去保存用户的数据，为了是隐私性安全性和便捷性，当然项目部分功能还没有演示到，你可以慢慢探索研究

后言

感谢你观看此次文章，浪费你宝贵的时间，此项目以交流学习为目的，如果觉得当前项目比较有创新比较有意思的话或者有什么建议或者意见，可在评论区直接评论即可

项目地址

演示地址点击跳转
网页版Xshell开源地址
教程地址