우분투 서버에 가벼운 웹하드 h5ai 설치하기

Nginx나 Apache의 경우 autoindex 로 파일 및 폴더를 목록으로 뿌려주는 기능이 있습니다.

하지만 그렇게 깔끔하진 않죠.

다운 받는 기능 밖에 없고, 폴더별로 다운 받기는 불가능합니다.

그래서 웹서버와 PHP만 깔려있으면 폴더별 다운 받기, 드래그 후 원하는 파일만 zip으로 압축하여 받기, 간단하게 드래그하여 파일 업로드 하기 등등

꼭 필요한 기능을 쉽게할 수 있는 프로그램이 바로 h5ai입니다.

공식 홈페이지는 http://larsjung.de/h5ai/  <- 여기 있고, 공식 샘플은  http://larsjung.de/h5ai/sample/  <- 여기 있습니다.

▲ 물론 저도 위와 같이 데모 사이트를 운영 중입니다. URL은 http://data.wsgvet.com  입니다.

관련링크 1을 참조하세요!

기본적으로 관련링크2를 참조하였습니다.

보통 Nginx + PHP-FPM이 셋트로 깔려있겠죠?

위와 같이 추가로 필요한 패키지를 설치합니다.

zip으로 압축하여 다운 받기, 이미지 썸네일 만들기, PDF 썸네일 만들기, 동영상 썸네일 만들기가 가능해집니다.

위 명령어로 php에 적용될 것이구요.

http://larsjung.de/h5ai/

위 공식 사이트에 가서 최신버전을 다운받습니다.

압축을 풀고 원하는 위치에 올려줍니다.

저는 /var/webhard 에 올려줬습니다.

▲ WINSCP에서 보면 위와 같은 구조가 될 것입니다.

그리고 Nginx에서 설정을 해야겠죠.

nano /etc/nginx/sites-available/default

에서

server {
listen 80;
server_name your.domain.com;
charset UTF-8; 
root /var/webhard;
location / {
autoindex off;
index /_h5ai/server/php/index.php;
}
location ~* .(jpg|jpeg|png|gif|mp4|css|js|wmv|mkv|avi|asf|flv|swf|txt|zip|ico)$ {
expires 7d;
log_not_found off;
valid_referers none blocked your.domian.com your.domain1.com;
if ($invalid_referer) { return 403; }
}
location ^~ /Security {
root /var/webhard;
auth_basic "RESTRICTED ACCESS";
auth_basic_user_file /path/to/passwd/.htpasswd;
}
location ~ .php$ {
fastcgi_pass unix:/var/run/php5-fpm.sock;
fastcgi_index index.php;
include fastcgi_params;
fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;
}
}

▲ 저는 위와 같이 코드를 넣어줬습니다.

우선 서버네임부터 바꿔주시구요.

주목해야 할 점은 

윗 부분인데요.

root폴더에 index파일이 없기 때문에 해당 상대경로의 index파일을 읽는 다는 말입니다.

그리고 옵션으로 몇가지 넣어줬는데요.

윗 부분은 해당 확장자를 가진 파일들의 외부링크를 막고, 만료기간을 줬습니다.

위에 빨간 글자들은 자신의 사이트에 맞게 교체해주세요.

해당 URL이 있는 곳에선 외부링크가 허용됩니다.

그리고 윗 부분은 암호를 거는 폴더를 지정했습니다.

/var/webhard/Security 라는 폴더에 접근을 원할 시 암호를 넣어야 하는데요.

.htpasswd 파일을 웹에서 접근 불가능한 곳에 위치시키면 더 안전하겠죠.

우분투 Nginx 디렉토리 폴더에 암호 거는 방법

아파치에서 암호 거는 방법 : http://refe.tistory.com/203

암호 추가를 원하시면 위 링크를 참조하세요!

나머지 부분은 원하시는데로 바꿔주시면 됩니다.

FTP나 삼바나 WINSCP 등등으로 /var/webhard 밑에 폴더나 파일을 넣으면

▲ 위와 같이 넣어지구요.

실제로 보여지는 부분은

▲ 위와 같이 나옵니다.

간단하게 설명드리면 _h5ai 로 시작되는 폴더나 파일들은 실제 뷰에서 보여지지 않습니다. 

마치 숨긴 폴더 및 파일로 되는거죠.

그리고 _h5ai.footer.html는 해당 폴더의 밑에 설명 부분을 넣는 파일이구요.

_h5ai.header.html는 해당 폴더의 위에 설명 부분을 넣는 파일입니다. (

그리고 ko.json은 한글 언어팩이며, /_h5ai/conf/l10n 에 넣으면 자동으로 한글로 나옵니다. (언어과 설명 파일은 테베님 자료실에서 받았습니다. 링크 바로가기)

여기 게시물 첨부파일에도 있고, http://data.wsgvet.com/Public/h5ai files/ 여기 제 자료실에도 있으니 받아서 보시면 됩니다.

참고로 html 파일은 ultraedit 또는 editplus 같은 편집 전용 프로그램을 써야 잘 나옵니다.

옵션 부분도 있는데요, 관련링크 2를 참조하세욧!

그리고 테베님 정말 고맙습니다!

시놀로지에도 설치 가능합니다.

DSM 5.0 4458 Update 2 에서 구동 확인했습니다.

파일 스테이션이라는 걸출한 프로그램이 있지만, 가볍게 쓰시려면 h5ai도 좋습니다.

우선 web 폴더 밑에 data라는 폴더를 생성합니다. 여기에 h5ai를 설치할 것입니다.

Putty로 들어가서

위 명령어를 내립니다.

빈 화면이 나오는데요.

영문자 i 를 누르고

<Directory /var/services/web/data>
Options MultiViews FollowSymLinks ExecCGI
DirectoryIndex /data/_h5ai/server/php/index.php
</Directory>

위 내용을 넣고

esc키를 누르고 :wq 엔터를 칩니다.

그럼 저장이 되구요.

시놀로지를 재부팅 시킵니다.

그리고 http://시놀로지IP나DDNS/data로 들어가면 

위와 같이 나옵니다. 아파치 암호 거는 부분은 검색 해보시구요 (참조링크 : http://www.ppomppu.co.kr/zboard/view.php?id=nas&no=938)

그리고 시놀로지 특성상 추가 패키지 설치가 불가능하기 때문에 아무래도 폴더 통채로 받는거나, 동영상 썸네일 생성 부분이 잘 안되는 것 같더군요;;

아무튼 시놀로지에서는 파일스테이션이나 h5ai나 선택해서 쓸 수 있을 듯 합니다.

이상 가벼운 웹하드 서비스 _h5ai 설치하는 방법을 마치겠습니다.