HTML5 게임 배포 후 React(Vite) 웹뷰로 전환 중인데 통신이랑 구조 질문 드립니다

이 글의 성격은 무엇인가요?

질문 / 문제 해결

내용을 설명해주세요

안녕하세요.

기존에 HTML5로 배포한 사이트를 Flutter 웹뷰로 감싸서 구글 플레이 스토어까지 올려둔 상태입니다. 원래는 iframe 끼고 postMessage로 데이터 주고받으면서 Flutter랑 잘 통신하고 있었는데요.

이번에 앱인토스 쪽으로 새로 구현을 하려다 보니 iframe 사용이 전면 금지라고 하더라고요. iframe을 안 쓰면 기존에 쓰던 postMessage 통신을 못 하게 되는데, 이걸 CSR 방식으로 개발할 때 어떤 식으로 구조를 잡아야 할지 가이드가 없어서 삽질 중입니다.

배포된 웹 사이트 소스를 React 프로젝트 public 폴더 안에 game 같은 걸로 만들어서 통째로 넣고 돌려야 하는 건지, 아니면 iframe 없이 통신하려면 아예 다른 설계 방식이 필요한 건지 도무지 감이 안 잡히네요..

혹시 비슷한 경험 있으시거나 리액트 환경에서 외부 HTML5 콘텐츠랑 네이티브 브릿지 통신 구조 잡는 팁 아시는 분 계실까요? 도움 좀 부탁드립니다!

안녕하세요 :slight_smile:
외부 인프라에 배포된 웹사이트를 임베딩 하는 방식은 검수가 불가능하여 허용되지 않습니다 :cry:
번거로우시겠지만, 가이드를 참고하셔서 react를 토스 인프라에 배포 + 필요할 경우 자체 서버와 https 통신 구조로 변경 부탁드립니다.