NAS

WD My Cloud에 에어코믹스 웹 뷰어 설치하기

우성군 26 23137 0

1. 에어코믹스 서버 설치하기


먼저 관련 링크에 있는 디엠님의 에어코믹스 서버 설치하기 강좌를 완료했다고 가정하고 진행합니다.




2. 망가 뷰어 설치하기



포고카페의 그리핀님의 소스입니다. (http://cafe.naver.com/pogolinux/3156)


정확한 명칭은 에어코믹스 웹 클라이언트입니다.


즉 인터넷 브라우저로 에어코믹스 서버의 만화를 볼 수 있는 소스입니다.



mkdir /DataVolume/manga_viewer


먼저 위 명령어로 망가뷰어 폴더를 생성합니다.



cd /DataVolume/manga_viewer


위 명령어로 해당폴더로 들어갑니다.



wget -O manga_0.2a.zip http://www.wsgvet.com/data/upload/manga_0.2a


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



WDMyCloud:/DataVolume/manga_viewer# wget -O manga_0.2a.zip http://www.wsgvet.com/data/upload/manga_0.2a

--2013-12-27 22:52:48--  http://www.wsgvet.com/data/upload/manga_0.2a

Resolving www.wsgvet.com... 112.163.137.86

Connecting to www.wsgvet.com|112.163.137.86|:80... connected.

HTTP request sent, awaiting response... 200 OK

Length: 161337 (158K) [application/octet-stream]

Saving to: `manga_0.2a.zip'


100%[======================================>] 161,337     --.-K/s   in 0.03s


2013-12-27 22:52:48 (6.07 MB/s) - `manga_0.2a.zip' saved [161337/161337]


WDMyCloud:/DataVolume/manga_viewer#


위와 같이 받아집니다.



unzip manga_0.2a.zip


rm -rf manga_0.2a.zip


위 두 명령어로 압축을 풀고 기존 압축파일을 삭제합니다.



nano /DataVolume/manga_viewer/config.js


위 명령으로 뷰어설정을 수정합니다.



/*

Manga - Air Comix Web Client

Copyright (C) 2013 - 2016

    Lee Dong Woo @naver.com>


This program is free software: you can redistribute it and/or modify

it under the terms of the GNU Affero General Public License as

published by the Free Software Foundation, either version 3 of the

License, or (at your option) any later version.


This program is distributed in the hope that it will be useful,

but WITHOUT ANY WARRANTY; without even the implied warranty of

MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

GNU Affero General Public License for more details.


You should have received a copy of the GNU Affero General Public License

along with this program. If not, see .

*/

var globalNetworkCheckSettings={

        href: 'http://my.aircomixserver.com:8000',

        crossDomain: true,

        timeOut: 30000

}



위와 같이 나오는데 빨간 부분이 중요합니다.


DDNS를 넣어도 되고 일단은 내부IP로 해봅니다.


http://192.168.1.77:31257


전 위와 같이 넣었습니다.


컨트롤 + O, 엔터, 컨트롤 + X를 누르면 저장 후 닫아집니다.



chmod -R 755 /DataVolume/manga_viewer


위 명령어로 뷰어 폴더의 권한을 수정합니다.




3. 아파치 설정 추가하기



이제 아파치 설정을 추가할 차례입니다.



nano /etc/apache2/sites-available/manga_viewer.conf


위 명령어를 내리면 아무것도 없는 것이 정상입니다.



<Directory /DataVolume/manga_viewer>
Options FollowSymLinks
AllowOverride None
</Directory>
Alias /mv /DataVolume/manga_viewer
<Location /mv/>
Options Indexes
Order Deny,Allow
Deny from all
Allow from all
</Location>



소스 복사하기는 검정색 부분에 마우스를 갖다대면 오른쪽 위에 아이콘이 4개 생기는데 제일 왼쪽을 클릭하면


팝업이 뜹니다. 그걸 복사해서 붙여넣으면 됩니다.


위 내용을 넣고 컨트롤 + O, 엔터, 컨트롤 + X를 누르면 저장 후 닫아집니다.



a2ensite manga_viewer


위 명령어로 해당 설정을 저장합니다.



WDMyCloud:/DataVolume/manga_viewer# a2ensite manga_viewer

Enabling site manga_viewer.

To activate the new configuration, you need to run:

  service apache2 reload

WDMyCloud:/DataVolume/manga_viewer#


위와 같이 진행되며 아파치를 리로드 시키라고 합니다.



/etc/init.d/apache2 reload


위 명령어로 리로드가 됩니다.


WDMyCloud:/DataVolume/manga_viewer# /etc/init.d/apache2 reload

11542 (process ID) old priority 0, new priority 0

[ ok ] Reloading web server config: apache2.

WDMyCloud:/DataVolume/manga_viewer#


위와 같이 진행됩니다.




4. 설치 확인하기



내부에서 확인해봅시다. 브라우저에서


http://MC내부IP/mv


위와 같은 주소를 넣으면





위와 같이 나옵니다.


※ IE는 지원하지 않는다고 합니다. 구글 크롬 추천합니다.


아이디에 AirComix 넣고, 비번은 기존 에어코믹스를 설치할 때 생성한 비번을 넣으면 됩니다.



폴더 이름이 나오는데 그걸 클릭하면 만화책 목록이 나옵니다.


그리고 잘 보면 됩니다 ^^


혹시 만화책 jpg 를 클릭했을 때 암호를 물어볼 수 있습니다.


그땐 앞에 아이디와 비번 똑같이 넣으면 됩니다.



5. 외부에서 접속하기


그리고 외부에서 되는지 확인해야겠죠?



먼저 포트포워딩을 2개 해야 합니다.



즉 MC에 있는 에어코믹스의 31257 포트와


MC의 http를 위한 80포트입니다.



31257은 그냥 31257로 포트포워딩하면 됩니다.


문제는 80포트인데, 80포트를 80포트로 포트포워딩이 된다면 문제가 없지만


80포트가 막혀있는 인터넷의 경우 8080 같은 식으로 포트포워딩을 하면 됩니다.



예를들어 80포트를 8080포트로 포트포워딩을 했다면


외부에서 http://DDNS:8080/mv   이렇게 접속하면 됩니다.



마지막으로 config.js 파일을 수정해야 합니다.


nano /DataVolume/manga_viewer/config.js



위 명령어로 들어가서


기존에 내부IP를 넣었던 부분을 포트포워딩에 맞게 넣으면 됩니다.


에어코믹스 서버주소를 넣으면 되므로


31257을 31257로 포트포워딩을 했다면


http://DDNS주소:31257


위와 같은 방식으로 넣으면 됩니다.


컨트롤 + O, 엔터, 컨트롤 + X를 누르면 저장 후 닫아집니다.



이제 폰에서 WIFI를 끄고 테스트 해보면 됩니다.



※ 2014년 12월 16일 오전 2시 3분 0.2a로 업데이트

, ,

26 Comments
우성군 2016.02.10 23:39  
[@doo2] 제 홈페이지 업그레이드 되면서 검정 부분이 없어졌습니다.

이건 왜 안되는지 확인해봐야겠네요..
doo2 2016.02.11 11:35  
[@우성군] 고민 해봐도 모르게써서 지우고 다시 설치했더니
내부에선 가능해졌습니다.
근데 외부접속은 안되네요
포트 포워딩 80을 8080 으로 했고 열려있는 것 확인했습니다.
(31257는 31257로했습니다)
ddns:8080/mv로 들어가서
aircomix 로그인 화면 까지는 뜨는데
안에 들어가면 또 ..이 기다리고 있네요 ㅎㅎ;;
우성군 2016.02.11 15:56  
[@doo2] 음... 그렇다면 마지막 부분에 문제가 생긴 것 같은데요.

포트포워딩 문제일 수도 있고 회선 문제일 수도 있을 듯 합니다.
doo2 2016.02.11 20:22  
[@우성군] 죄송한데 회선문제라는 것은 어떤 종류의 문제인지 알 수 있을까요?
31257을 이용해서 aircomix 어플로 외부에서 접속이 되고
80포트를 80이나 다른 번호로 했는데도 안되는걸 봐선
말씀하신 회선 문제 인것 같아서 궁금합니다.
우성군 2016.02.13 00:35  
[@doo2] 음... 이상하네요

보통 회선 문제로 포트가 막혀있을 때 안되는 경우가 많거든요.

에어코믹스가 되는데 뷰어가 안되는 경우는 처음이라 저도 난감하네요
doo2 2016.02.13 19:32  
[@doo2] webdav도 80을 통해서 접근하는걸로 아는데 이건 또 잘 되더라구요
내부에선 비번이 틀리면 지금 외부 접속이 보듯이 ..이 나오던데
개인적으론 외부접속시 아이디 비번을 못 가져오는 것 같습니다.
웹 뷰어는 펌웨어 다운이나 나중에 다시 해봐야겠네요
친절하게 답변해주시고 조언해주셔서 도움이 많이 됐습니다.
계속 귀찮게 해서 죄송하네요...
그럼 좋은 주말보내세요^^ 감사합니다