それマグで!

知識はカップより、マグでゆっくり頂きます。 takuya_1stのブログ

習慣に早くから配慮した者は、 おそらく人生の実りも大きい。

WEBサーバー(nginx/apache)で、ディレクトリをオシャレに共有する

ディレクトリのインデックス機能をオシャレにする。

ファイルをネットワーク共有する一番手っ取り早い方法は、HTTPサーバーで共有することだと思いません?

認証を入れればアクセスログが残るし、どのファイルが何処にあるか解るし、Slackに貼って渡すのも便利だし。

h5ai でオシャレする。

h5ai をつかうと、わりとエクスプローラーっぽくなって、html5 auto index の略かな?

インストールした結果は

ためしに、うちのサーバーに入れてみた結果がこれ

f:id:takuya_1st:20180408013031p:plain

インストールと設定

公式のリリース zip を取ってくる

zip を取ってくる。

 curl -LJO https://release.larsjung.de/h5ai/h5ai-0.29.0.zip

公開ディレクトリにインストールする。

cd /var/www/example.com/html

ここで展開する。

 unar h5ai-0.29.0.zip

php の設定をするんだけど、一番手っ取り早い手段があって。それは、Directory Index に設定するだけ

upstream php-fpm {
  server unix:/var/run/php/php-fpm.sock;
}

server{
   ## 略

   index  /_h5ai/public/index.php ;

  location ~ \.(php)$ {
    include fastcgi_params;
    fastcgi_index index.php;
    fastcgi_param   SCRIPT_FILENAME         $document_root$fastcgi_script_name;
    fastcgi_pass php-fpm;
  }

apacheのとき

DrectoryIndex  /_h5ai/public/index.php ;

apache の場合のphp設定は、は mod_phpphp-fpm で設定が大きく異なるので割愛。

あとは、サーバーをリロード(再起動)すれば、ディレクトリ表示が盛れる!

認証に関してはいろいろ手法が在るのでコレは別のエントリに記述する。

参考資料

h5ai · modern HTTP web server index for Apache httpd, lighttpd, nginx and Cherokee · larsjung.de

Indexページは盛れる! | 技術情報ブログ | マネージドホスティングのディーネット