presence-room-42
실시간 채팅
presence 채널 위의 방, 멤버십, 입력 중 표시.
활용 사례
활동과 이벤트 피드
감사 로그, 주문 흐름, 장애 타임라인은 모양이 하나입니다. 덧붙이기만 하는, 누군가 보고 있는 목록. HTTP로 불러오고 이벤트로 최신을 유지합니다.
private-account-3b1
- private 채널
- 이벤트
- 웹훅
어떻게 동작하는가
- 01먼저 불러오고, 그다음 subscribe페이지를 HTTP로 가져온 뒤 subscribe하세요. 이 순서라야 사이에 아무것도 빠지지 않습니다.
- 02publish될 때 덧붙이기새 항목은 HTTP 페이로드와 모양이 같으므로, 렌더러 하나로 둘 다 처리됩니다.
- 03채널로 범위를 나누기계정마다 채널 하나면 인가가 단순해집니다. 구독 자체가 검사입니다.
알아 두면 좋은 것
다시 연결한 클라이언트에는 빈틈이 있습니다. 소켓이 전부 잡았다고 여기지 말고 피드의 앞부분을 다시 가져오세요.
코드로 보기
feed.js
js
const feed = await fetch('/api/activity?limit=50').then((r) => r.json())render(feed.items)// Same shape as the HTTP payload, so one renderer covers both.pusher.subscribe('private-account-3b1').bind('activity', (item) => { prepend(item)})공식 Pusher 라이브러리를 손대지 않고 그대로 써서 작성했습니다. 설치할 PushCaster 패키지는 없습니다. 전체 문서