NAS-Nav导航仿iCloud风格 效果访问Demo

同步github.com和gitee.com

• 我只是一个搬运工,这是我找到的最早的文章地址,如果不对请指出

• 本项目搬运的是仿iCloud界面_3.7z

• 原文链接:https://wrdan.com/share/nas_cloud.html (好像已经失联)

在原作者的基础上做了一点更新

• 更新了在手机设备上浏览的优化
• 在引入资源的位置添加了可以使用CDN资源的提示,有两处,详情见文件index.html
• 其他一些说明在index.html文件和lan.php里已指出,调整参数只需要更改参数值即可
• 增加了内外网自动切换的功能(使用的是 https://ifconfig.me/ip 的服务,内置还加入了其他逻辑条件来判断是否在内网,详情见文件index.html)
• 为了最大兼容度,开发内外网自动切换的功能是基于PHP5.3的语法提示,理论上最低支持为PHP5.3,测试通过的版本为PHP7.4+,其他的没测试过,理论上没什么问题,提交PR的建议请基于PHP5.3的语法

• 群晖(我这边是DSM7.2)的设置方法,去套件中心安装PHP,理论上支持任意版本的,我这边装了PHP8.0,以下按照PHP8.0来说明
• Web Station - 网页服务 - (双击打开"默认服务") - (PHP选项选择PHP8.0) - 保存
• Web Station - 脚本语言设置 - (双击PHP8.0) - 扩展名 - (找到curl并打上勾) - 保存

1. 根据请求IP是否为局域网IP,该建议根据#1建议改进
2. 如上述为否,根据客户端IP和服务端的IP是否相等
3. 如上述为否,根据是否能访问服务端的内网IP进行判断

关于此问题,我已经向群晖方面咨询过本地IP SSL自签证书与DDNS SSL兼容且根据访问域名自动切换SSL证书相关解决方案,那边答复无解。(看不懂忽略本条,看下一条)

上述啰里八嗦情况的实例就是:你的群晖DDNS域名为abc.com,群晖本地域名为192.168.1.1,你的导航页地址为http://abc.com:80、https://abc.com:443、http://192.168.1.1:80和https://192.168.1.1:443。 上述四个网址均可访问导航页,由于群晖的SSL限制,在访问https://192.168.1.1:443时,会提示下图错误,此时需要点击访问此网站,后续就可以正确切换内网页面了,否则会提示跨域错误导致无法正确切换内网页面。 不过遇到一个问题,好像这个操作后只能短期内有效,过了一段时间还是不行,目前尚未有简单的完美解决方案。

• 下载后只留下web文件夹下的文件,其他文件都可以删除掉。

• 里面的112-128-空白模板.psd是用于制作图标的,默认的demo图片规则是112*112留边6px,可以用无留边图标塞入到这个模板里,快速制作
• 无图标来源? (削除) 好孩子看不见1 (削除ここまで) 好孩子看不见2 好孩子看不见3
• 一些图标提取方法网站
• 提取的图片是非圆角的,怎么办?(待更新)

• 太懒了,自己不想写,随便找了一篇:https://post.smzdm.com/p/adwlg5rn

The MIT License (MIT)