고정 헤더 영역
상세 컨텐츠
본문
집에서 사용하는 공유기를 가지고 웹서버를 운영한다는 생각을 하지 못했는데 최근 공유기 관리메뉴에 보니 URL 서비스 라는 것이 있더군요.
이 기능을 사용하려면 우선 공유기에 USB 저장장치를 붙여서 사용할 수 있어야 합니다. 당연히 USB HDD 가 있어야겠죠?
일단 HDD 를 붙이고 나면 USB 저장장치 메뉴에서 장치가 연결되어 있음을 확인합니다.
그리고 특수기능 -> DDNS 설정에서 자신이 사용할 호스트 이름을 정한 후 DDNS 를 등록 합니다. 이 과정을 거치지 않으면 외부에서 접속을 할 경우 ip 가 변경 될때 마다 해당 ip 로 주소를 변경하여 접속해야 합니다.
iptime 에서 이런 기능을 직접 제공해 주니 간단히 사용할 수 있어 좋네요.
이제 URL 서비스를 실행하고 주소로 접속해 보면 아래와 같은 화면을 볼 수 있습니다.
웹서버가 lighttpd 라는 것을 알 수 있습니다. lighttpd 만 운영되어서 server side script 는 사용하지 못하는 것 같습니다. 그래서 html과 javascript 만 사용하여 웹서버를 운영하여야 합니다.
iptime 공유기에서 제공하는 주소의 list 나 HDD1 같은 부분을 없앨 수는 없다는 것 또한 단점이네요. 하지만 간단한 파일 공유 목적으로 사용하는 것이라면 충분히 가치가 있는 것 같습니다.
이제 공유기 설정을 마쳤으면 간단한 이미지 갤러리를 만들 수 있습니다.
responsiveslides 라는 간단한 javascript 갤러리 소스를 다운받아 USB HDD 에 저장을 합니다.
그리고 소스에 있는 demo 를 약간 수정하여 아래와 같이 파일로 저장합니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Gallery</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="../responsiveslides.css">
<link rel="stylesheet" href="demo.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="../responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 3
$("#slider3").responsiveSlides({
manualControls: '#slider3-pager'
});
});
</script>
</head>
<body>
<div id="wrapper">
<!-- Slideshow 3 -->
<ul class="rslides" id="slider3">
<li><img src="images/1.jpg" alt=""></li>...
<li><img src="images/3.jpg" alt=""></li>
</ul>
<!-- Slideshow 3 Pager -->
<ul id="slider3-pager">
<li><a href="#"><img src="images/1_thumb.jpg" alt=""></a></li>...
<li><a href="#"><img src="images/3_thumb.jpg" alt=""></a></li>
</ul>
<script>
'use strict';
function getFiles(dir){
var fileList = [];
var files = fs.readdirSync(dir);
for(var i in files){
if (!files.hasOwnProperty(i)) continue;
var name = dir+'/'+files[i];
if (!fs.statSync(name).isDirectory()){
fileList.push(name);
}
}
return fileList;
}
console.log(getFiles('./'));
</script>
</div>
</body>
</html>
이렇게 하고 해당 파일 경로를 브라우저로 접속해 보면 아래와 같은 화면을 볼 수 있습니다.
항상 켜놓게 되는 공유기로 이정도의 웹서버를 운영할 수 있으니 조금만 수고를 하면 아주 멋진 홈페지를 만들 수 있겠네요.
긴 URL 은 redirect 명령을 이용하여 수정할 수 있는 첫 URL 인 xxx.iptime.co.kr/list/HDD1/ 아래 index.html 을 만들어 원하는 folder 로 redirect 해주면 됩니다.
앞으로 f/w update 때 iptime 에서 server side language 를 한가지라도 설치해 주면 좋겠는데 그럴일은 없겠죠? ^^
이상 iptime 공유기로 웹서버 운영하기에 대한 글 이였습니다.
'잡동사니' 카테고리의 다른 글
| 재미있는 수학문제 풀기. 수학 넌센스 퀴즈 (0) | 2016.02.05 |
|---|---|
| 해리포터 등장인물 2016 현재 모습. 연예인 역변? (0) | 2016.01.20 |
| 저렴하고 질좋은 물티슈 추천 순둥이 물티슈 (0) | 2015.12.24 |
| 충전 잘 되는 보조 배터리 추천 샤오미 1000mAh 사용기 (0) | 2015.12.23 |
| 세계에서 가장 큰 자판기 (0) | 2015.12.16 |
