用web station给群晖加一个Heimdall导航页

需求

你的群晖还在用localhost:5000/50001访问吗，为什么不给群晖NAS加一个漂亮的导航页面呢。

群晖官方套件提供了一套成熟的网站搭建系统，既有常用的wordpressbogo也能自己搭建个人专属的网站的风格，依托web station套件专用的80/443端口，可以较为便捷的访问网站和NAS。

言回正文，本文暂不讨论其他的导航页，简单说说使用web station来搭建Heimdall导航页。

step 1 安装web station

在群晖的套件中心安装web station

在群晖的套件中心安装Apache 2.4

在群晖套件中心安装PHP 7.4 最新版本的Heimdall需要php7.4以上

step 2 Heimdall的安装

在网上的Heimdall安装教程中，多是基于Docker来部署的，相比web station，少了一点点自由。安装了web station后，群晖的会多出来一个web共享文件夹，从GitHub下载当前最新的源码，解压后放到到web下面的heimdall文件夹。ssh登录到群晖后台后，构建.env文件

cd /path/to/heimdall
cp .env.example .env
php artisan key:generate

/path/to/heimdall在你的web文件夹下，在后台地址是/volumeX/web/。。。heimdall/path/to/heimdall，你可能会发现最后一步“php artisan key:generate”错误，提示php版本不对，可以进行以下操作：

这一步是一个坑，群晖套件中心的php版本是和系统后台不一致的，目前最新的群晖系统版本所使用的php是7.3.3版，需要将php换成套件安装的php 7.4来运行，通常位于/volumeX/@appstore/PHP7.4/usr/local/bin/php74，所以最后生成key的指令是：

/volumeX/@appstore/PHP7.4/usr/local/bin/php74 artisan key:generate

这样基本会提示生成key成功，有提示，网络环境会影响生成的速度。
回到群晖的文件管理，设置heimdall文件夹权限为everyone可以读写，包含子文件/夹。

step 3 设置访问端口

打开群晖的web station，新建一个虚拟机，指定端口，设置一个未被占用的就好，
指向的根目录为heimdall下面的public文件夹，选择Apache2.4和php7.4，接下来就可以使用localhost:port访问heimdall导航页了。

step 4 localhost直接跳转

需要添加一个端口访问还是有点麻烦，我们可以在web文件夹的根目录丢一个index.html文件，实现访问localhost直接跳转localhost:port。如下：

<ｓｃｒｉｐｔ language="javascript" type="text/javascript">
window.location.href="localhost:port";
ｓｃｒｉｐｔ>

总结

对index.html的修改还可以添加密码访问，根据访问地址或者IP来确定使用内、外网来访问。

作者声明本文无利益相关，欢迎值友理性交流，和谐讨论～