메시지 브릿지 1.1.0 (테스트 샘플 소스) 정보
메시지 브릿지 1.1.0 (테스트 샘플 소스)- ii0000039210 자기소개 아이디로 검색 회원게시물
- 조회 395
- 댓글 5
관련링크
첨부파일
본문
메시지 브릿지 설명 : https://designonex.com/bbs/board.php?bo_table=real_time_bridge&wr_id=4
메시지 브릿지 이용약관 : https://designonex.com/bbs/board.php?bo_table=real_time_bridge&wr_id=5
여러분의 사이트에서도 즉시 테스트해 보세요.
아래 제공된 메시지 브릿지 테스트용 샘플 소스를 복사하여, 귀하의 서버 또는 로컬 환경에 새로운 테스트 파일을 생성한 뒤 그대로 붙여 넣고 저장해 보시기 바랍니다.
또는, simpleTest.html 파일을 다운로드 받으셔도 됩니다.
파일을 실행하는 즉시,
귀하의 사이트 환경에서 메시지 브릿지가 정상적으로 동작하는지 실시간으로 확인하실 수 있습니다.
메시지 브릿지는 개발 언어, 서버 환경, 플랫폼에 관계없이 연동 가능합니다.
별도의 설치 과정 없이, 제공된 샘플만으로도 서비스 동작 여부와 통신 흐름을 직접 검증하실 수 있습니다.
지금 바로 적용해 보시고,
여러분의 서비스에 실시간 메시징 기능이 얼마나 손쉽게 통합되는지 확인해 보세요.
그누보드 개발자님께서 손쉽게 개발을 할 수 있게 샘플 소스를 만들어봤습니다.
많은 관심 부탁드립니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>메시지 브릿지 Simple Test</title>
<style>
body { font-family: Arial; padding: 20px; }
#log { width: 100%; height: 250px; overflow-y: auto; border: 1px solid #aaa; padding: 10px; }
#msg { width: 70%; }
button { width: 25%; }
</style>
</head>
<body>
<h3>메시지 브릿지 Minimal Test</h3>
<input id="msg" type="text" placeholder="메시지를 입력하세요">
<button id="sendBtn">Send</button>
<pre id="log"></pre>
<script>
// ---------------------------
// ✅ 기본 설정
// ---------------------------
const group = window.location.hostname; // 예: designonex.com
const myId = "user_" + Math.floor(Math.random() * 9999); // 랜덤 사용자 ID
// 확장 필드 (개발자가 관리)
const extValue = "ext_example";
const extValue1 = "ext1_example";
// ---------------------------
// ✅ WebSocket 연결
// ---------------------------
const ws = new WebSocket(
"wss://designonex.com:14147/?group=" + encodeURIComponent(group)
);
// ---------------------------
// ✅ 로그 출력 함수
// ---------------------------
function log(msg) {
const box = document.getElementById("log");
box.textContent += msg + "\n";
box.scrollTop = box.scrollHeight;
}
// ---------------------------
// ✅ WebSocket 이벤트
// ---------------------------
ws.onopen = () => log("✅ Connected");
ws.onmessage = (event) => {
try {
const data = JSON.parse(event.data);
log("📨 Received: " + JSON.stringify(data));
} catch {
log("📨 Received(Text): " + event.data);
}
};
ws.onclose = () => log("Connection Closed");
ws.onerror = (e) => log("Error: " + e);
// ---------------------------
// ✅ 메시지 전송
// ---------------------------
document.getElementById("sendBtn").onclick = () => {
const msg = document.getElementById("msg").value;
if (!msg) return;
const data = {
type: "message",
id: myId,
ext: extValue,
ext1: extValue1,
message: msg
};
ws.send(JSON.stringify(data));
log("📤 Sent: " + JSON.stringify(data));
document.getElementById("msg").value = "";
};
</script>
</body>
</html>
0
댓글 전체
이게 어떻게 하라는 건지 잘 모르겠습니다.
안녕하세요. 소스를 다운로드하신 뒤 귀하 FTP의 아무 위치에 업로드하여 바로 테스트하실 수 있습니다.
해당 코드는 개발자용 샘플로, 데이터 흐름과 연동 방식을 확인하기 위한 예제입니다. 이 소스를 기반으로 채팅, 실시간 쪽지, 현재 접속자 표시, 토큰 기반 인증, 관리자 모니터링 등 다양한 기능을 확장하실 수 있습니다.
일반 사용자분들을 위한 플러그인과 사용 매뉴얼은 현재 제작 중이며, 준비되는 대로 배포하겠습니다.
저도 어떻게 활용할지 잘 모르겠습니다.
플러그인 제작을 기다리겠습니다. 화이팅!! ^^
감사합니다. (__)
