웹뷰 흐름 질문입니다

개발
1

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

질문 / 문제 해결

내용을 설명해주세요

안녕하세요. 앱인토스 WebView 미니앱 개발 중입니다.

구조가 이렇게 되어 있어요.

  1. 첫 화면에서 FullScreenLoader로 “로딩 중…” 띄우고, getUserKeyForGame() 같은 걸 호출해서 로딩 처리합니다.
  2. 로딩이 끝나면 “환영합니다!” 같은 토스트 메시지를 띄웁니다. (TDS Toast 사용)
  3. 토스트가 닫히는 시점(onExited)에 window.location.href = GAME_URL 로 이동합니다. 이때 이동하는 곳은 웹에 배포해 둔 게임 사이트 주소입니다. 배포된 그 게임 사이트는 내부적으로 iframe으로 게임 화면을 띄우는 구조입니다.

그런데 이렇게 이동하면 토스트 메시지가 바로 사라지는 것 같아요. 페이지가 바뀌면서 컴포넌트가 언마운트되니까 당연히 사라지는 건데, 사용자 입장에서는 토스트를 제대로 못 보고 지나갈 수 있을 것 같습니다.

질문 두 가지예요.

  1. “로딩 끝 → 토스트 띄우기 → 토스트 닫힐 때 게임 URL로 이동” 이 흐름 자체가 문제가 될 수 있을까요? (가이드나 권장 패턴에서 피하라는 식으로 되어 있는지 궁금합니다.)

  2. 토스트를 최소 1~2초 정도는 보이게 한 다음에 이동하고 싶은데, onExited에서 바로 location 이동하지 말고, 토스트를 띄운 뒤 setTimeout으로 2초 뒤에 이동하는 식으로 처리해도 괜찮을까요? 아니면 TDS Toast에 “최소 표시 시간” 같은 옵션이 있나요?

도움 주시면 감사하겠습니다.

2

안녕하세요 :slight_smile:
해당 구조는 현재 정책상 허용되지 않고 있습니다.

미니앱의 경우 외부에 호스팅된 소스코드를 불러오게 되면, 해당 코드가 별도의 검수 없이 그대로 배포될 수 있는 구조가 됩니다. 이는 보안 및 검수 정책상 관리가 어렵기 때문에 사용이 불가한 점 양해 부탁드립니다.

번거로우시겠지만, 모든 서비스 로직 및 리소스는 검수 가능한 범위 내에서 제공해 주시길 부탁드립니다.
추가로 필요한 사항이 있으시면 말씀해 주세요. 감사합니다.

3

그러면 ssr 형식은 모두 불가능하고 csr형식만 가능한건가요?! 만약에 csr만 가능하다면 iframe없이 어떻게 구현해야하는지 가이드가 있는지 궁금해요

4

앱인토스 아키텍처를 공유드려요 :slight_smile:
클라이언트측 소스코드는 토스 인프라에 배포되어 서빙됩니다.
자체 서버가 있으시다면 https api 통신으로 진행 부탁드려요