웹 개발 포트폴리오 | 중고 거래 플랫폼

• 채팅방 조회 시 상품 판매하는 판매자에게는 뜨지 않고, 채팅 생성한 구매자에게만 생성한 채팅 리스트가 뜸

• 채팅방 생성 시 본인이 본인 상품에 채팅을 생성할 수 있고, 이미 해당 상품에 대한 채팅방이 있는데 또 생성되는 이슈

1. Prodcuct 에서 아래와 같은 메서드를 추가해 user가 해당 상품을 가지고 있다면 판매자로 구분하도록 함

publicSet<ChatRoom> getChatRooms() {
return this.room;
}

1. 본인 상품에 대해서는 상품 판매자 아이디와 비교해 같다면 생성 금지 시킴

2. 채팅방이 계속 생성되는 경우는 exists 로 해당 상품에 대한 채팅방 존재 여부 확인

• 채팅 CORS
• 컨트롤러에 어노테이션 추가
• 웹소켓컨트롤러에서 서버와 클라이언트

// chatConroller에 추가
@CrossOrigin(value = "http://localhost:8080", methods = RequestMethod.GET)

// ("*") 와일드카드 에서 아래 코드로 수정
...
.setAllowedOrigins("http://localhost:8080", "http://127.0.0.1:5500")
...

• 실시간 채팅(websocket STOMP)
• 채팅 실시간 반영이 되지 않는 문제
• 정상적으로 소켓 연결은 되었으나 채팅이 실시간 반영이 되지 않아 보내는 url과 받는 url을 roomId라는 접점으로 통일 시켜 구현 완료.
• 기존에는 해당 상품에 연결되어 있는 상대방에게 보내야지 해서 상품 번호와 받는 사람을 모두 url에 넣었지만 생각해보니 1:1 채팅으로 해당 방에는 판매자와 구매하고자 하는 사람밖에 없으므로 roomId로 통일
• 주로 1:1에는 `@SendToUser`를 사용한다고 알고 있어서 초반 변경 때 그렇게 바꾸었으나 똑같이 실시간 반영이 되지 않아 `@SendTo`로 바꾸어서 진행

// 기존 코드
@MessageMapping("/send")
...
messagingTemplate.convertAndSend("/sub/" + message.getReceiver() + "/product" + message.getProductId(), message)

// 수정 코드
@MessageMapping("/{roomId}")
@SendTo("/pub/{roomId}")