데스크톱과 웹 간 경계 초월 통신

Source: Dev.to

데모

• 레포지토리 (참조 구현):
• 실시간 데모:

명시적 경계를 통한 점진적 전달

점진적 전달을 실용적으로 수행하는 방법은 명시적 경계 뒤에 새로운 모듈을 도입하는 것입니다:

• iframe을 통해 레거시/새로운 조각을 임베드합니다.
• 호스트가 데스크톱인 경우(또는 다중 모니터 워크플로우가 도움이 될 때) 경험을 별도 창으로 분할합니다.
• 단일 프레임워크에 의존하지 않고 재사용 가능한 UI 조각을 만들기 위해 Web Components를 사용합니다.

다음 질문은: 그 조각들이 어떻게 통신하여 경계 너머에서도 (드래그 & 드롭, 키보드 복사/붙여넣기) 상호작용이 계속 작동하도록 할까요? 그리고 이것이 데스크톱 호스트와 어떻게 연결되는가?

아키텍처 개요

+------------------------ Desktop host (WebView2) ------------------------+
| WebMessageReceived

• WebView2 보안:
• WebView2 내 프레임:
• 데모 레포지토리: