Broadcast Channel API

BroadcastChannel API는 동일한 출처의 다른 창,탭,iframe 간에 통신할 수 있는 API입니다.

BroadcastChannel API로 브라우저의 다른 탭에서 현재 사이트를 열었는지 확인하거나, 

사용자가 로그인하거나 로그아웃할때와 같이 동일한 출처 내의 다른 탭에서 사용자의 작업을 감지할 수 있습니다.

 

Broadcast Channel API는 호스트가 다르면 작동하지 않습니다.

https://www.abc.com/
https://abc.com/

창 중 하나가 시크릿 모드이거나 여러 브라우저에서
(예: Firefox에서 Chrome으로)브로드캐스트 채널이 작동하지 않습니다.

 

const bc = new BroadcastChannel('my-site');

bc.onmessage = (event) => {
	// do
}

bc.postMessage('test message);

 

Broadcast Channel API를 끊는것은 close()를 호출하면 됩니다.

 

bc.close()