회원 실시간 채팅기능 구현간에 채팅방을 클릭하면 각 채팅방에 남겼던 글들이 나와야하는데
EventSource 로드하지 못함: GET "http://localhost:8070/message/6249c00094d3d284d815838c".
이렇게 뜨는거같긴한데.. 어디가 잘못된걸까요?
server.js
app.post('/message',isLogin,function(req,res){
var wantSave = {
parent: ObjectId(req.body.parent),
content: req.body.content,
userid: req.user._id,
date: new Date(),
}
db.collection('message').insertOne(wantSave).then(()=>{
console.log('DB저장성공');
res.send('DB저장성공!');
})
});
app.get('/message/:parentid' , isLogin , function(요청,응답){
res.writeHead(200, {
"Connection": "keep-alive",
"Content-Type": "text/event-stream",
"Cache-Control":"no-cache",
});
console.log(ObjectId(요청.params.parentid));
db.collection('message').find({ parent : ObjectId(요청.params.parentid) }).toArray()
.then((결과)=>{
res.write('event: test\n');
// res.write('data :' + result +'\n\n');
res.write('data : ' + JSON.stringify(결과) +'\n\n');
// })
});
-------------------------
chat.ejs
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
<script>
var currentRoomId;
var eventSource;
$('.list-group-item').click(function(){ //여기를클릭하면
alert('대화방 선택이 되었음');
currentRoomId = this.dataset.id;
if(eventSource!=undefined){
eventSource.close()
}
//여기채널입장.
eventSource = new EventSource('/message/' + currentRoomId);
eventSource.addEventListener('test',function(e){
console.log(JSON.parse(e.data)); //서버가 데이터 보내주면 출력
var takeFrom = JSON.parse(e.data);
takeFrom.forEach(function(i){
$('.chat-content').append('<li><span class="chat-box">'+i.content+'</span></li>');
})
});
});
$('#send').click(function(){
//채팅 메세지 게시물에는 어떤정보들이 저장되어야할까? (발행자id, 모글_id, 내용,날짜)
var chatMainText =$('#chat-input').val();
alert(chatMainText);
var send_data ={
//채팅방클릭하면 채워지게
parent: currentRoomId,
content : chatMainText
}
$.post('/message',send_data).then(()=>{
console.log('전송성공');
})
});
