花生壳

#楼主# 2018-5-18 09:54

跳转到指定楼层
本帖最后由 kelubii 于 2019-1-18 14:56 编辑



使用环境:群晖DS918+, 系统版本:DSM 6.2.1-23824 Update 4;
理论上所有支持webstation的都可以使用


页面都是通过框架打开的,这样就可以不用记端口、不用记子域名、甚至不会占用多一个浏览器窗口... 界面也非常接近原版windows10,挺唬人的!目前这个方案自己比较满意~


使用方法:
由于当地443端口还没封,所以分配了443端口给Web Station,绑定阿里云ddns,部署了ssl证书,所以访问顶级域名就是这个页面了。

群晖里面需要设置一下才能正常,这是自己折腾比较久摸索出来的...
** 注意:使用443端口就必须使用https方式打开,框架里面也必须是https的网页才能正常打开。跨域无法访问,我也解决不了。

1. 控制面板 - 安全性   (解决页面打开黑屏的问题)

   忽略 IP 检查来加强浏览器兼容性
   
☑ 提高对跨网站请求伪造攻击的保护。
   
☑ 启动 HTTP 内容安全策略(CSP)标题以提高安全性
   
☑ 不允许 DSM 被 iFrame 嵌入
      - 允许特定网站使用 iFrame 嵌入 DSM
       -  允许的网站 - 新增 -  你的动态域名/顶级域名(建议有绑定哪些域名的都添加进去,带www跟不带,都添加。) - 确定

2. NAS安装Web Station

   环境使用:PHP7.0+Apache HTTP Server2.4,
   其中:Web Station  -  </>PHP设置  -  PHP7.0   -  编辑
   把所有的项目都勾选, 然后点确定

3. 下载源码,解压到NAS的Web根目录
   
   GitHub下载源码或者下载我修改的样式,修改成自己喜欢的样式、图标、排版风格即可。

4. 来源及下载   

   
楼主的源码

          链接: https://pan.baidu.com/s/1AmJtCtNgxszHcHd6stsQ3w
          提取码:
游客,如果您要查看本帖隐藏内容请回复

   YLUI 官网/原版源码:https://ylui.yuri2.cn(感谢!)

5. Windows 10 UI 使用方法

    可视化编辑修改后,右键 - 系统(System) - 数据(Data) - 复制配置文件覆盖 “basic.json”
    配置文件路径:./saves/basic.json
   
   请自行查看Github手册文档,更多使用交流技巧也欢迎加群讨论:http://t.cn/RQfdtYy
   
6. 一大波预览图(点击大图模式预览)  













- 完美仿Win10的开始菜单,并支持可视化自定义


  - 完美的多窗口


- 支持拖甩、文件夹归类


- 支持中英文


- 移动端自适应是必须的



作者最近的开发更新记录:

2.1.9
  • 修正2.1.8磁贴hover在chrome浏览器下的样式bug
2.1.8
  • yl.app.js 添加更多常量定义,方便代码提示
  • 修正一些文档和代码的单词拼写错误
  • 添加菜单和磁贴开启动画
  • 删除默认的启动消息
2.1.7
  • 支持根据版本号自动更新缓存
2.1.6
  • APP封面将会在页面加载完毕(或10秒后)才消失,类似于手机APP的加载逻辑;添加loading动画
2.1.5
  • 支持ctrl+f5重载并刷新缓存(f5依然是刷新桌面)
  • 替换最大化、最小化、还原、关闭、消息的图标(修复360浏览器图标显示不正常的bug)
  • 压缩按钮间距
  • 底部时间样式优化,鼠标悬浮显示完整时间
2.1.4
  • 修正子菜单图标样式bug
  • 修正背景图片宽高比计算算法
  • 添加默认图床app
2.1.3
2.1.2
  • 过滤其他窗体事件类型
  • 新增子窗体API simpleMsg, getVersion
  • 更多基础设置注释
  • 使用经典壁纸
  • 桌面新增代码库图标
  • 增加FA应用,配置图标时提供快捷方式






补充内容 (2019-4-27 08:28):
2019-04-27: 图床挂了....

补充内容 (2019-8-7 10:12):
2019-08-07:图床挂了,帖子无法编辑,请参考置顶楼或预览地址:https://www.9366333.cn/

评分

参与人数 4云币 +70 贡献 +72 收起 理由
暖刺 + 1 主路由FRP,带尾巴的情况怎么使用这套源码
Antrove + 1 很给力!
mojelly + 20 + 20 楼主厉害,都2.0了!
admin + 50 + 50 很给力!

查看全部评分

楼主热帖

本帖被以下淘专辑推荐:

分享淘帖
回复

使用道具

0

精华

164

帖子

3817

积分

搞机大神

Rank: 3Rank: 3

云币
71
贡献
350
活跃
1985
精华
0

活跃会员NAS发烧友技术达人编辑能手

kelubii 发表于 2019-8-7 10:02 来自 中国广东潮州
本帖最后由 kelubii 于 2019-8-8 08:16 编辑

1.png 2.png 3.png 4.png 5.png 6.png
回复 支持 反对

使用道具 举报

0

精华

164

帖子

3817

积分

搞机大神

Rank: 3Rank: 3

云币
71
贡献
350
活跃
1985
精华
0

活跃会员NAS发烧友技术达人编辑能手

kelubii 发表于 2018-5-18 09:55 来自 中国广东潮州
沙发自己的~

点评

在哪里修改443端口呢?  详情 回复 发表于 2019-4-28 10:41
回复 支持 反对

使用道具 举报

0

精华

53

帖子

776

积分

入门用户

Rank: 1

云币
0
贡献
0
活跃
749
精华
0
soatoz 发表于 2018-5-18 10:10 来自 中国上海
啥也不说了,感谢楼主分享哇!
回复 支持 反对

使用道具 举报

13

精华

842

帖子

18万

积分

管理员

Rank: 9Rank: 9Rank: 9

云币
90
贡献
35096
活跃
11200
精华
13

活跃会员NAS发烧友技术达人突出贡献论坛元老编辑能手

mojelly 发表于 2018-5-18 16:17
点赞!~~为保持热度,下载地址做回复隐藏处理,这么好的帖,别沉
回复 支持 反对

使用道具 举报

0

精华

23

帖子

352

积分

入门用户

Rank: 1

云币
0
贡献
40
活跃
140
精华
0
a439771597 发表于 2018-5-18 16:35 来自 中国浙江台州
啥也不说了,感谢楼主分享哇!
回复 支持 反对

使用道具 举报

0

精华

15

帖子

454

积分

入门用户

Rank: 1

云币
0
贡献
66
活跃
116
精华
0
etrock 发表于 2018-5-18 17:01 来自 中国广东深圳
卧槽!!!
回复

使用道具 举报

0

精华

46

帖子

1028

积分

发烧玩家

Rank: 2

云币
0
贡献
64
活跃
685
精华
0
zq2721159 发表于 2018-5-18 19:11 来自 中国广东肇庆
啥也不说了,感谢楼主分享哇!
回复 支持 反对

使用道具 举报

0

精华

20

帖子

65

积分

入门用户

Rank: 1

云币
0
贡献
2
活跃
45
精华
0
javaxue 发表于 2018-5-18 20:33 来自 中国河南平顶山
啥也不说了,感谢楼主分享哇!
回复 支持 反对

使用道具 举报

0

精华

154

帖子

2868

积分

搞机大神

Rank: 3Rank: 3

云币
0
贡献
308
活跃
1251
精华
0
kunihiko 发表于 2018-5-18 20:37 来自 中国广东东莞
正需要,支持楼主大人了!
回复 支持 反对

使用道具 举报

0

精华

57

帖子

6585

积分

人机合一

Rank: 4

云币
0
贡献
350
活跃
4806
精华
0
SpmLin 发表于 2018-5-18 20:44 来自 中国广东江门
正需要,支持楼主大人了!
回复 支持 反对

使用道具 举报

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

本版积分规则

快速回复 返回列表 搜索 官方QQ群
懒人地图| 手机版|小黑屋| 智能生活 , 上那是云 |闽ICP备2020018196号-1 |网站地图