구글에서 제공하는 게이지차트를 사용해서 원격 서버의 트래픽을 그래프로 출력할 수 있다.
위 소스는 인터넷검색을 통해 받았으며 랜덤함수를 사용하여 그래프가 동적으로 변한다. 이부분만 수정하면 된다.
예)
  setInterval(function() {
    data.setValue(0, 1, Number(getHttprequest('snmpproc.php?id=cpu&snmpserver=<?=$servername?>')));
    chart.draw(data, options);
  }, 10000);
  setInterval(function() {
    data.setValue(1, 1,Number(getHttprequest('snmpproc.php?id=network&snmpserver=<?=$servername?>')));
    chart.draw(data, options);
  }, 10000);
  setInterval(function() {
    data.setValue(2, 1,Number(getHttprequest('snmpproc.php?id=tcp&snmpserver=<?=$servername?>')));
    chart.draw(data, options);
  }, 10000);
  setInterval(function() {
    data.setValue(3, 1,Number(getHttprequest('snmpproc.php?id=udp&snmpserver=<?=$servername?>')));
    chart.draw(data, options);
  }, 10000);


snmpproc.php예)
<?php
$id=$_GET[id];
$snmpserver=$_GET[snmpserver];
if($id=='cpu'){
        $snmparr = snmpwalk("$snmpserver","public",".1.3.6.1.2.1.25.3.3.1.2");
        $rt = explode(': ',$snmparr[0]);
        echo $rt[1];
}



php에서 snmp관련함수를 사용하기 위해서 snmp를 설치해한다.

yum -y install snmp*
yum -y install php-snmp*

snmp데몬을 실행, apache재시작





snmp관련 자료)
total memory
.1.3.6.1.2.1.25.2.2.0

cpu load
.1.3.6.1.2.1.25.3.3.1.2

snmp관련
http://www.4te.co.kr/91
http://www.chonnom.com/bbs/board.php?bo_table=B19&wr_id=84&page=7
http://www.chonnom.com/bbs/board.php?bo_table=B20&wr_id=115

http://www.nanha.com/index.php?p=b/view&n=776&b=dft

'webhxxx > 연구과제' 카테고리의 다른 글

111106_진행상황 (webknight console)  (0) 2011.11.06
111102bugfix  (0) 2011.11.02
111031_진행상황 (webknight console)  (0) 2011.10.31
IE와 chrome의 차이  (0) 2011.10.31
차트라이브러리  (0) 2011.10.26
Posted by applicationlayer
:

google chart가 IE에서 제대로 보이지 않아 앞으로 chrome을 기준으로 테스트하기로 했다.ㅠ

conf ui 의 체크박스, 텍스트박스는 변경시 xmlhttprequest를 사용하여 변경시키므로 화면이 리플레쉬 되지 않는다 . 리스트박스까지 깔끔하게 적용하려면 ajax를 좀 공부해야할듯




남은것
서버 cpu,mem,traffic체크기능
구글맵 마커 디자인
윈도우서버 에이전트
webknight conf 리스트박스 콤보박스 관련 기능
각 서버로그 통계
서버 추가 ui
서버 삭제 기능

'webhxxx > 연구과제' 카테고리의 다른 글

111102bugfix  (0) 2011.11.02
dynamic gauge(google chart) for snmp  (0) 2011.11.01
IE와 chrome의 차이  (0) 2011.10.31
차트라이브러리  (0) 2011.10.26
지정폴더 감시 API  (0) 2011.10.25
Posted by applicationlayer
:
객체에 접근할때 ie와 chrome의 차이점
ie는 문자열만으로 객체를 지정할 수 있는반면 크롭에서는 함수를 이용한 검색을 통해 가능

예)
<html>
<script>
function XmlSave(InputName,bb,cc)
{
msg = "DEBUG Message:xmlsave function." + InputName.name + "-" + InputName.checked;

alert(msg);
}
</script>
<body>
<input name="Scanning" type="checkbox" onclick="XmlSave(Scanning,'192.168.230.128','8080')" >

IE에서는 실행됨 chrome에서는 실행안됨

아래처럼 사용하면된다
XmlSave(this,'192.168.230.128','8080')" >
 
자신이 아닌 다른 객체에 접근할때는 this를 이용할 수 없는데 그땐 아래 사이트에서 참고하자
http://www.mungchung.com/xe/4197

처음부터 크롬으로 테스트할걸 그랬어 ㅠㅠㅠ

'webhxxx > 연구과제' 카테고리의 다른 글

dynamic gauge(google chart) for snmp  (0) 2011.11.01
111031_진행상황 (webknight console)  (0) 2011.10.31
차트라이브러리  (0) 2011.10.26
지정폴더 감시 API  (0) 2011.10.25
진행상황_111024  (0) 2011.10.24
Posted by applicationlayer
: