WD MBL

WD My Book Live에 가벼운 웹하드서비스 h5ai 설치하기

우성군쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성
작성일 2014.04.29 13:47

28,638 조회
0 추천
목록

1. 들어가며

기본적으로 webdav를 이용하여 편하게 접근하는 방법을 소개해드렸습니다. (관련링크 : Webdav 활성화 후 외부에서 네트워크 드라이브 등록하기)

그런데 문제는 안이쁘다는 것이죠.

그래서 h5ai를 소개해드립니다.

관련링크에 원문이 있습니다. (외국 문서를 한글로 번역한 수준입니다.)

▲ 최종목표는 Public 폴더가 위와 같이 이쁘게 나오는 것입니다.

장점은 폴더를 압축하여 통채로 받을 수 있습니다.

2. 패키지 리스트 업데이트

apt-get update

위 명령어로 업데이트를 해줍니다.

3. 아파치 설정 추가하기

참고로 보안을 위해 넣는 부분이지만

외부에서 대시보드 접속이 불가능합니다.

보안에 손해를 보더라도 외부에서 대시보드 접속이 꼭 필요하다면 이 부분을 빼는게 좋습니다.

cp /etc/apache2/sites-available/wdnas /etc/apache2/sites-available/wdnas.bak

위 명령어로 기본 아파치 설정을 백업합니다.

혹시나 실수를 대비하기 위함입니다.

nano /etc/apache2/sites-available/wdnas

위와 같이 아파치 설정에 들어가서


<Directory /var/www/>
Options -Indexes FollowSymLinks MultiViews
AllowOverride None
Order allow,deny
allow from all
</Directory>

위 내용을 찾습니다.

그리고 바로 위에

RewriteEngine On

RewriteCond %{REMOTE_ADDR} !^127\.0.0.1$

RewriteCond %{REMOTE_ADDR} !^XXX\.XXX\.XXX\.(.*)$

RewriteCond %{REQUEST_URI} !^/_h5ai(.*)$

RewriteCond %{REQUEST_URI} !^/public(.*)$

RewriteRule $ /public/ [L,R=301]

위 내용을 넣습니다.

그러면


<Directory /var/www/>
Options -Indexes FollowSymLinks MultiViews
AllowOverride None
Order allow,deny
allow from all
RewriteEngine On
RewriteCond %{REMOTE_ADDR} !^127.0.0.1$
RewriteCond %{REMOTE_ADDR} !^XXX.XXX.XXX.(.*)$
RewriteCond %{REQUEST_URI} !^/_h5ai(.*)$
RewriteCond %{REQUEST_URI} !^/public(.*)$
RewriteRule $ /public/ [L,R=301]
</Directory>

위와 같이 됩니다.

여기서 수정할 부분은

RewriteCond %{REMOTE_ADDR} !^XXX\.XXX\.XXX\.(.*)$

윗 줄에서

XXX 부분을 본인의 환경에 맞게 수정해줘야 하는 것입니다.

예를들어 MBL의 내부IP가 192.168.0.XXX 라면

RewriteCond %{REMOTE_ADDR} !^192\.168\.0\.(.*)$

이렇게 하면 되고

192.168.1.XXX 라면

RewriteCond %{REMOTE_ADDR} !^192\.168\.1\.(.*)$

위와 같이 바꾸면 됩니다.

컨트롤 O, 엔터, 컨트롤 X로 저장 후 빠져나옵니다.

4. h5ai 전용 아파치 설정파일 만들기

nano /etc/apache2/sites-available/h5ai

위 명령어로 h5ai 전용 아파치 설정파일을 만듭니다.

아무것도 없는데요.


<Directory /var/www/public/>
DirectoryIndex index.html index.php /_h5ai/server/php/index.php
</Directory>

위 내용을 넣어줍니다.

컨트롤 O, 엔터, 컨트롤 X로 저장 후 빠져나옵니다.

a2ensite h5ai

위 명령어로 h5ai 설정파일을 적용시킵니다.

MyBookLive:~# a2ensite h5ai

Enabling site h5ai.

Run '/etc/init.d/apache2 reload' to activate new configuration!

MyBookLive:~#

위와 같이 적용됩니다.

/etc/init.d/apache2 restart

위 명령어로 아파치를 재시작합니다.

5. h5ai 설치하기

cd /var/www

위 명령어로 아파치 루트폴더로 이동합니다.

wget -O h5ai.zip http://release.larsjung.de/h5ai/h5ai-0.24.1.zip

위 명령어로 h5ai 파일을 다운 받습니다.

MyBookLive:/var/www# wget -O h5ai.zip http://release.larsjung.de/h5ai/h5ai-0.24.1.zip

--2014-04-28 20:07:41-- http://release.larsjung.de/h5ai/h5ai-0.24.1.zip

Resolving release.larsjung.de... 95.143.172.102

Connecting to release.larsjung.de|95.143.172.102|:80... connected.

HTTP request sent, awaiting response... 200 OK

Length: 476161 (465K) [application/zip]

Saving to: `h5ai.zip'

100%[======================================>] 476,161 161K/s in 2.9s

2014-04-28 20:07:45 (161 KB/s) - `h5ai.zip' saved [476161/476161]

MyBookLive:/var/www#

위와 같이 받아집니다.

unzip h5ai.zip

위 명령어로 압축을 풉니다.

rm -f h5ai.zip

위 명령어로 기존 압축파일을 지웁니다.

chmod -R 755 /var/www/_h5ai/

위 명령어로 권한 설정합니다.

chmod o w /var/www/_h5ai/cache/

위 명령어로 cache폴더 권한 설정합니다.

ln -s /DataVolume/shares/Public/ /var/www/public

위 명령어로 퍼블릭 폴더를 h5ai에 붙입니다.

wget -O /var/www/_h5ai/conf/l10n/ko.json https://www.dropbox.com/s/bp2pmiai8e06lch/ko.json

위 명령어로 한글언어팩을 설치합니다. (한글언어팩 출처 - 테베홈페이지 http://thebenet.net/bbs/board.php?bo_table=doc&wr_id=13)

MyBookLive:/var/www# wget -O /var/www/_h5ai/conf/l10n/ko.json https://www.dropbox.com/s/bp2pmiai8e06lch/ko.json

--2014-04-28 20:50:42-- https://www.dropbox.com/s/bp2pmiai8e06lch/ko.json

Resolving www.dropbox.com... 108.160.165.20

Connecting to www.dropbox.com|108.160.165.20|:443... connected.

HTTP request sent, awaiting response... 302 FOUND

Location: https://dl.dropboxusercontent.com/s/bp2pmiai8e06lch/ko.json?token_hash=AAGjILK50PxqqEWh2Swq5pZAkuCcGm8pNf6fElrcoJw7OQ [following]

--2014-04-28 20:50:44-- https://dl.dropboxusercontent.com/s/bp2pmiai8e06lch/ko.json?

token_hash=AAGjILK50PxqqEWh2Swq5pZAkuCcGm8pNf6fElrcoJw7OQ

Resolving dl.dropboxusercontent.com... 54.243.102.38, 54.243.89.47, 54.235.196.134, ...

Connecting to dl.dropboxusercontent.com|54.243.102.38|:443... connected.

HTTP request sent, awaiting response... 200 OK

Length: 582 [text/plain]

Saving to: `/var/www/_h5ai/conf/l10n/ko.json'

100%[======================================>] 582 --.-K/s in 0s

2014-04-28 20:50:45 (60.0 MB/s) - `/var/www/_h5ai/conf/l10n/ko.json' saved [582/582]

MyBookLive:/var/www#

위와 같이 받아집니다.

6. 썸네일 관련 패키지 (선택)

기존 owncloud나 홈페이지 설치를 위해 소스리스트를 수정하신 분은 기본적으로 이미지 썸네일이 나옵니다. (http://www.wsgvet.com/bbs/board.php?bo_table=iomega&wr_id=278)

GD패키지를 깔았기 때문인데요.

순정으로 쓰시는 분들은 GD패키지를 깔면 에러가 나기 때문에 추천하지 않습니다.

참고로 PDF 썸네일 생성을 위해서 imagemagick 을 설치할 수 있으나 기존 패키지들을 대량 삭제해야될 가능성이 있어 넣지 않았습니다.

7. 접속하기

이제 끝입니다.

인터넷 브라우저에 http://MyBookLive내부IP/public 을 넣으면

▲ 짜잔~~ 나옵니다.

외부에서 접속하려면 DDNS 및 포트포워딩 (80포트를 80포트나 8080 이나 8887 같은 외부포트로) 하면 됩니다.

참고로 h5ai 세부사항은

http://MyBookLive내부IP/_h5ai

위 주소로 들어가면 볼 수 있습니다.

▲ 순정상태라면 위와 같이 이미지 썸네일과 PDF썸네일 생성이 되지 않습니다.

그래도 이미지를 클릭하면 이미지가 출력되므로 큰 문제는 없습니다.

옵션 설정 부분은

http://thebenet.net/bbs/board.php?bo_table=doc&wr_id=13

위 링크를 참조하세요.

nano /var/www/_h5ai/conf/options.json

위 명령어로 옵션부분 수정 가능합니다.

8. 암호 추가하기 (선택)

아직 잘 안되네요. 테스트 중입니다.

기본 설정은 누구나 접근 가능하기 때문에 암호를 이용하여 보호할 수 있습니다.

nano /etc/apache2/sites-available/h5ai

위 명령어로 h5ai 전용 아파치 설정으로 들어갑니다.


<Directory /var/www/public/>
DirectoryIndex index.html index.php /_h5ai/server/php/index.php
AllowOverride AuthConfig
</Directory>
AccessFileName .htaccess

위와 같이 수정합니다.

컨트롤 + O, 엔터, 컨트롤 + X로 저장 후 빠져나옵니다.

nano /DataVolume/shares/Public/.htaccess

AuthType basic

AuthName h5ai

AuthuserFile /DataVolume/shares/Public/.htpasswd

AuthGroupFile /dev/null

require valid-user

위 내용을 추가합니다.

htpasswd -cb /DataVolume/shares/Public/.htpasswd 아이디 비번

위와 같은 형식으로 아이디 비번을 생성합니다.

/etc/init.d/apache2 restart