브라우저 창 통신의 포스트 로봇 예시

작은 쓰레기 같은 놈들 · 게시됨 2023. 2. 18. 오후 9:24:06

요구사항: 이전에는 PostMessage를 사용해 브라우저 창 간 직접 통신을 테스트했으며, 현재는 도메인 간 창 간 통신을 위해 서드파티 라이브러리인 Post-robot을 사용합니다.

JS는 현재 페이지가 iframe인지 팝업 창인지 결정합니다
https://www.itsvse.com/thread-10342-1-1.html

HTML5 PostMessage 창 간 통신
https://www.itsvse.com/thread-10343-1-1.html

포스트 로봇은 실제로 PostMessage 통신 방식을 더 잘 구현한 것으로, 다음과 같은 기능(다른 창으로 메시지를 전송하는 기능)을 가집니다:

NPM 주소:하이퍼링크 로그인이 보입니다.
GitHub 코드 주소:하이퍼링크 로그인이 보입니다.

먼저, 다음과 같이 렌더링을 살펴보겠습니다:

부모 창은 자식 창을 팝업한 뒤 자식 창에 메시지를 보내며, 자식 창에서 응답을 받을 수 있습니다. 물론 자식 창도 부모 창에 메시지를 보내 응답을 받을 수 있습니다.HTTP와 유사한 요청 응답 패턴。

부모 윈도우 코드는 다음과 같습니다:

하위 창 코드는 다음과 같습니다:

(끝)

간미안 · 게시됨 2023. 2. 19. 오후 8:50:34

안녕하세요 안녕하세요

[기타] 브라우저 창 통신의 포스트 로봇 예시