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

Tak2

· 2년 전 · 조회 752 752

*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에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5336		오라클 무료 티어 또는 AWS 대한민국 리전에서 클라우드플레어 사용시 사이트 속도 느림	푸른악마 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	954
5335		간단한 스크롤 진행률 표시기 구현하기 2 [2]	김서훈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	975
5334		간단한 스크롤 진행률 표시기 구현하기 [4]	김서훈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	886
5333		nprogress bar&Circle 수정본 입니다.	들레아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	714
5332		도커(docker) 웹관리 프로그램인 dockge 설치 및 사용방법 [7]	바다클라우드 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	3644
5331		aws라이트세일에 그x보드 설치 [5]	뽕엄능브라 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1671
5330		2개 이상의 button 누르면 각 ifrme 으로 페이지 열기 [3]	해피정 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1330
5329		불펌금지 자바스크립트 [18]	GREENnBLUE 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	2650
5328		러시아 이용자들을 효과적으로 차단하기 [8]	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	2454
5327		그누보드 폰에서 돌리기 (Termux) [19]	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	3644
5326		F12 키를 쉽게 비활성화 시키기 [2]	시리즈8 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1548
5325	JavaScript	글자수 제한 가장 쉬운판.중 하나	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	687
5324	OS	aws 아이피 모조리 차단하기 -웹호스팅 사용자는 불가- [1]	길가던분 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	752
5323	PHP	포럼 출력소스 [ 샘플본 ]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	894
5322	PHP	게시판별 카테고리 만들기.	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	791
5321	PHP	댓글이나 답글은 로직이 같다.	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	651
5320	PHP	카테고리 만드는 예제.	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	753
5319	PHP	엑셀로 EXPORT 할때 사용하기 좋은 방법	techstar 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	799
5318	JavaScript	문구 복사하기 자바스크립트	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	667
5317	PHP	그룹의 그룹내 사용자가 전체 메시지 보내기.	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	612
5316	PHP	사용자 그룹 통합 해제(해제는 삭제)	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	576
5315	PHP	랜덤값 만들기 겹치기는	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	686
5314	PHP	만들고 보니 카톡의 단톡방 톡방 패러디 .....	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	665
5313	PHP	그누보드로 다중검색을 구현해보니..	techstar 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	764
5312	정규표현식	정규표현식 쉽게 이해하는 방법 좀 가르켜주세요	linlinHuang 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	642
5311	JavaScript	페이지 로딩 애니메이션	솔루션개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	706
5310	PHP	docker 활용한 php 환경 구성 [10]	Laraveler 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	2120
5309	PHP	데이타 1개 가져오기 [5]	techstar 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1608
5308	PHP	제목(wr_subject)를 안짤리게 하려면..	techstar 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	673
5307	node.js	사진에서 배경을 제거하고 다른 배경이미지와 합성하는 서비스 [5]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1428