File name
Commit message
Commit date
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>로그인 요청 예제</title>
</head>
<body>
<button id="sendRequestButton">로그인 요청 보내기</button>
<p id="resultMessage"></p>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script>
// 클릭 이벤트 핸들러 등록
document.getElementById('sendRequestButton').addEventListener('click', function () {
sendLoginRequest();
});
// 요청 보내기 함수
async function sendLoginRequest() {
const url = 'http://cors-anywhere.herokuapp.com/http://127.0.0.1:8080/auth/login'; // CORS 해결을 위해 cors-anywhere 사용
const payload = {
id: 'id',
password: 'string',
}; // 보낼 JSON 데이터
try {
const startTime = Date.now(); // 요청 시작 시간 기록
for (let a = 0; a < 100; a++) {
const response = await axios.post(url, payload, { withCredentials: true });
// POST 요청 보내기
}
const endTime = Date.now(); // 요청 종료 시간 기록
const response = await axios.post(url, payload, { withCredentials: true }); // POST 요청 보내기
if (response.status === 200) {
console.log('통신 성공');
const tps = 1000 / (endTime - startTime); // TPS 계산 (밀리초당 요청 수)
console.log(`TPS: ${tps.toFixed(3)}`);
// 결과를 HTML에 표시
document.getElementById('resultMessage').textContent = `통신 성공. TPS: ${tps.toFixed(3)}`;
} else {
console.error(`통신 실패: ${response.status}`);
}
} catch (error) {
console.error(`에러 발생: ${error.message}`);
}
}
</script>
</body>
</html>