소켓 데이타 읽을때요...
본문
안녕하세요..
특정 사이트의 소켓데이타를 읽어서 콘솔에 찍어보고 있습니다.
그냥 aaa.php 를 만들어서
개발자 도구를 보고 해당 사이트 Request URL 을 넣고 콘솔에 찍히는걸 보면..
확인이 되는데요..
궁금한거는요..해당 소켓에 연결시도할때요..
개발자 도구를열어서 Request URL (소켓주소)을 카피해서 넣고요..
Request Headers 항목에 보면
Origin, Cookie 값도 카피해서 넣어야 할때가 있는거 같아서요..
Origin : https://targetstie.com
Cookie : cdn=https://static.sitecdn.com; lang=ko; locale=ko; verbose=false;
siteSessionid=q63ozafjm56jexj4rxpgohia988dkja09
Connection : Upgrade
저런내용은 아래 코드에 넣고 이용하려면 어떻게 삽입해야 하는지 알수 있을까요..
항상 조언 감사드립니다.
<input id="wssUrl"/>
<button id="connect">연결</button>
<script>
document.getElementById("connect").addEventListener('click', connectWss);
function connectWss() {
const wssUrl = document.getElementById("wssUrl").value;
const webSocket = new WebSocket(wssUrl);
webSocket.onopen = function () {
console.log('서버와 웹소켓 연결 성공!');
};
webSocket.onmessage = function (event) {
console.log(event.data);
};
}
</script>
답변 1
다음 예제를 참고하시면 가능할 것 같습니다.
<input id="wssUrl"/>
<button id="connect">연결</button>
<script>
document.getElementById("connect").addEventListener('click', connectWss);
function connectWss() {
const wssUrl = document.getElementById("wssUrl").value;
// 헤더 정보 설정
const headers = {
'Origin': 'https://targetstie.com',
'Cookie': 'cdn=https://static.sitecdn.com; lang=ko; locale=ko; verbose=false; siteSessionid=q63ozafjm56jexj4rxpgohia988dkja09',
// 필요한 다른 헤더들도 여기에 추가할 수 있습니다.
};
// 웹소켓 객체 생성 시 옵션 설정
const webSocket = new WebSocket(wssUrl, { headers: headers });
webSocket.onopen = function () {
console.log('서버와 웹소켓 연결 성공!');
};
webSocket.onmessage = function (event) {
console.log(event.data);
};
}
</script>
답변을 작성하시기 전에 로그인 해주세요.