트래픽 로그(실시간?) 그래프로 보기?

Tak2

· 2년 전 · 조회 762 762

*nginx서버일 경우입니다

[code]

<?php
$logFilePath = '/var/log/nginx/access.log';

$logFile = fopen($logFilePath, 'r');

$trafficData = array();
while (!feof($logFile)) {
$line = fgets($logFile);
// 빈 줄은 건너뜁니다.
if (trim($line) == '') {
continue;
}

// 로그 라인 파싱 로직은 이전 예제와 동일하게 적용

// 추출한 데이터를 연관 배열로 저장
$logData = array(
"ip" => $ipAddress,
"time" => $accessTime,
"method" => $requestMethod,
"url" => $requestUrl,
"status" => $statusCode,
"bytes_sent" => $bytesSent,
"referer" => $referer,
"user_agent" => $userAgent
);

// 모든 라인의 데이터를 저장하는 배열에 추가
$trafficData[] = $logData;
}

fclose($logFile);

// PHP에서 데이터를 JSON 형식으로 변환하여 JavaScript로 전달
$dataAsJson = json_encode($trafficData);
?>

<!DOCTYPE html>
<html>
<head>
<title>Traffic Log Visualization</title>

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>

<canvas id="trafficChart" width="800" height="400"></canvas>

// 그래프를 그리기 위한 데이터 준비
var labels = data.map(item => item.time);
var bytesSent = data.map(item => parseInt(item.bytes_sent));

// 그래프 생성
var ctx = document.getElementById('trafficChart').getContext('2d');
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: labels,
datasets: [{
label: 'Bytes Sent',
data: bytesSent,
borderColor: 'rgba(75, 192, 192, 1)',
backgroundColor: 'rgba(75, 192, 192, 0.2)',
borderWidth: 1
}]
},
options: {
responsive: false,
scales: {
y: {
beginAtZero: true
}
}
}
});
</script>
</body>
</html

[/code]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
4976	기타	html 색상표 [1]	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	2120
4975	웹서버	UWAMP를 이용한 USB포터블 PHP개발환경 만들기 [1]	nooree 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	2768
4974	node.js	NODE_JS + Nunjucks 설정	younhoso 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	2135
4973	PHP	한글 초성 추출하기 [10]	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	3639
4972	기타	MAC OS 도커 쉽게 설치하기 [1]	younhoso 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2262
4971	JavaScript	input text 에 여러 이벤트 걸기 두기. [1]	하얀감자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2488
4970	웹서버	Linux로 웹서버 구축 시 SELinux 관련 문제해결방안 [7]	디누 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	4123
4969	JavaScript	Javascript를 최적화하는 13가지 팁 [4]	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2783
4968	JavaScript	URL이 올바른지 체크 [2]	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	1935
4967	JavaScript	IE, Edge 브라우저에서는 해당 사이트가 접속이 안되게 하는 코드 [2]	younhoso 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2043
4966	JavaScript	구글 맵 독도 표기 되도록.	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2116
4965	PHP	date 함수에서 사용할 수있는 포맷문자열	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2104
4964	기타	[한줄팁] mongodb 한글 like 검색 및 mulitiple 단어 검색...	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2921
4963	JavaScript	js playground	불사pa 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2090
4962	JavaScript	javascript에서 php를 호출하여 내용 변경하기	퀀텀리프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2286
4961	jQuery	audio.js 미디어 파일 css 및 제어 가능한 플러그인 입니다. [1]	아이티몬스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2094
4960	PHP	DB 테이블에 저장된 카테고리를 트리형식으로 변수에 담기 [2]	티로그 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2739
4959	기타	linux readhat계열 mongodb 설치하기 [1]	자루스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2566
4958	PHP	간단하게 date 함수 요일 숫자를 한글로 나타내는법 [1]	아이티몬스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	4577
4957	기타	기시판 질문입니다. [6]	숙향 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2094
4956	정규표현식	정규식 테스트 연습 편하게 [2]	하늘위의길 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2322
4955	정규표현식	제목에 특수문자 정리하는 정규식 [2]	하늘위의길 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2676
4954	웹서버	테스트용으로 쓸 완전 무료 웹호스팅 [3]	하늘위의길 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	4138
4953	PHP	slack webhook 관련 자료 [1]	늘맑음 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2525
4952	PHP	간단한 백엔드 만들기 클래스 [1]	몰라무서워 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	3212
4951	MySQL	MySQL(MariaDB) DATABASE, 사용자 생성 및 권한 추가 [5]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	4131
4950	jQuery	체크박스 시프트(shift) 멀티선택	뽁스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	3614
4949	node.js	Node.js MongoDB Drop [1]	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2681
4948	node.js	여러 데이터 삭제 [1]	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2406
4947	node.js	Node.js MongoDB 삭제	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2647