收起左侧

code-server代码内嵌编辑器,让Docker应用也有内嵌界面

0
回复
95
查看
[ 复制链接 ]

2

主题

34

回帖

0

牛值

江湖小虾

起源

那时,飞牛nas也没有出现,最喜欢的系统是IStoreos,它的可玩性很高,后面飞牛出现了就变成两个了,也玩过腾飞webos,它给我的印象是真的很深,一个浏览器上怎么按个F11,还能像系统那样操作感觉很牛,后面飞牛出现了,我又找到了HyperPu_ter,它的那个代码编辑器,我是真的很想要,后面又找到Win11React这个,里面的浏览器也想要,但是现在飞牛很多应用都不内嵌的,我想要的是内嵌的应用,而不是一点开就跳转,这样的体验感太割裂了。

开发

这种webos加数据存储的模式,我感觉是真的好,也一直想开发自己的应用,可是没教程,后面有教程但是看不懂,后面出了第二版我才成功开发出了第一个应用,后面就想内嵌Vscode到飞牛桌面,研究了很久,我发现腾飞webos/HyperPu_ter/Win11React都用到iframe组件,这个是一个关键。

当我完成第一个版本时,发现本地是正常的,但是外链是不行了,然后就是各种的拼IP,然后是外链正常了,手机飞牛APP连接不正常,后面就真的有点不太想搞了,心态真的崩,后面发现这个iframe组件确实是有跨域问题的,它是不是同源的问题,后面写出了手搓Vscode飞牛应用文章,但后来又发现它是有两层的iframe,也就是iframe内嵌一个iframe,飞牛本身就给到了一个iframe,不过也好在这个双层iframe,让我可在手机上加载内嵌的iframe,飞牛App上是获取不了它的父级的iframe的,因它不是同源的就获取不到,就加载不出来,然后就是不断的打包,不断的尝试。

后面发现手机上就是死活加载不出来,心态又崩了,不过后面又想反正手机上也不用vscode,那就先不搞这些,先把docker的服务集成先,结果弄了个docker-compos文件,又死活不运行docer容器,后面又想直接用docker命令算了,结果不知什么原因就是运行不了,后面就想干脆就创建一个docker应用来改,这里有个很不好的点,就是那docker程序会直接删除,拉取的images镜像,这样反复运行就要反复pull是真麻烦,就不能手动选择删除或是不删除,这样调试的快,不然就是删除一会而安装半天。

创建了Docker应用,我就发现一个华点,运行了docker,就加载不了cgi,加载了cgi就没有docer的入口,后面反复看了开发文档,这里面有个很重要的点是应用入口,感觉应重点说明的,它其实可以有多个入口,Docker服务作为后台,而iframe作为前台,这样就实现了,终于这样就实现了,一个Docker程序,有内嵌桌面版本的code、外链的code、飞牛app的code,这才是一个Docker应用有的模样,真的是太棒了。

成品

image.png

目前,我已经打包出了fpk包了,可以直接安装使用,测试过内嵌的登陆push代码没问题,打开文件编辑代码没有问题,也可以粘贴代码,vscode工作区设成/vol1/1000/VscodeProject目录,它的uid:gid设成了1000:1001的权限,和飞牛系统一样,这样两边文件创建、修改、删除就不会有问题,目前知道的它的命令框粘贴不了,外链允许权限可以粘贴,手打可以不影响使用,可以sudo apt install gcc来运行rust或c程序,同时也可以用微软的扩展包,配置一下就行,默认密码是password,同时也git上发版本在https://github.com/ctllo-bit/vs-code.git,可以自己下载来用,源码也是开源的,后面感觉可以合并给官方的第三方vs-code项目去,我就是用code-sever上编辑代码,然后fntermx本地打包确实也好用。

123网盘:

https://www.123912.com/s/QPBCvd-VMBnA?pwd=g13F# 提取码:g13F

收藏
送赞
分享

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则