IFrame 및 기본 컨테이너: 무엇을 선택할 때
전체 기사
1) 이용 약관
iFrame은 타사 컨텐츠 (게임, 금전 등록기, 위젯) 를 포함하는 HTM 컨테이너입니다. 호스트와 컨텐츠는 동일한 원산지 정책에 의해 논리적으로 격리됩니다.
기본 컨테이너-웹 컨텐츠가 WebView (WKWebView, Android WebView) 에서 시작되거나 기본 SDK (렌더링, 네트워크, 결제, 원격 측정) 로 대체되는 응용 프로그램/모듈.
시작 및 데모 게임, 로비, 박스 오피스/온 보딩, 라이브 비디오, 잭팟 위젯, 파트너 착륙.
2) 짧은 답변: 무엇을 선택해야하는지
빠른 출시, 많은 타사 콘텐츠, 최소 개발 → iFrame이 필요합니다.
기본 컨테이너 (WebView + bridge 또는 SDK) 와 오프라인/낮은 대기 시간/무거운 그래픽/딥 통합이 필요합니다.
시장/거리 분석/엄격한 지침 (Apple/Google), 시스템 결제, 하드 RG 후크 → 기본 컨테이너.
미디어 사이트, SEO 랜딩, 재생 가능한 인서트 → iFrame으로 리뷰합니다.
3) 선택 행렬 (단순화)
4) iFrame: 완벽 할 때
시나리오: 데모 게임, 제휴 인서트, 잭팟/등급 위젯, 플레이 가능한 착륙, B2B 애그리 게이터의 빠른 표시.
쟁기
통합 속도: 단일 'src' + 키/파라미터.
강력한 게스트 호스트 격리 (SOP) -누출 위험이 줄어 듭니다.
공급자의 독립적 인 릴리스 (배포를 터치하지 마십시오).
수백 개의 공급자를 확장하는 것이 저렴합니다.
마이너스
장치 및 기본 결제와의 제한된 통합.
깊은 원격 측정이 더 어렵습니다 (더 많은 "브리지").
타사 쿠키/스토리지 (Safari/Firefox/ITP) 문제.
모바일에서 복잡한 전체 화면/제스처/키보드.
모범 사례
'샌드 박스' 속성 ('허용-형태', '허용-스크립트' 를 제한하고 '허용-팝업-이스케이프-샌드 박스' 를 필요없이 열어야합니다).
'공급자의 화이트리스트와 함께 콘텐츠 보안 정책;' 민감한 페이지에 대한 X- 프레임 옵션 '입니다.
커뮤니케이션- '이벤트 확인과 함께' 포스트 메시지 '. 원산지 및 메시지 스키마.
크기 조정: 이벤트 내부의 '재 관찰자' + '포스트 메시지 (' 높이 ')' → 호스트 변경 'iframe. 스타일. 높이 '.
스토리지 - 스토리지 액세스 API/폴백; 상태-IM 매개 변수 또는 부모 상태를 통해.
RG/AML: 정지 신호 (자체 배제, 한계) -이벤트를 통해 iframe은 세션을 종료해야합니다.
5) 기본 컨테이너: 그들이 이길 때
시나리오: 라이브 게임 및 금전 등록기가있는 모바일 응용 프로그램, 복잡한 온 보딩/CUS, 대기 시간이 짧은 실시간 스트림, 오프라인 모드, 상점 결제, AR/VR 기능.
쟁기
성능/낮은 대기 시간, 철 접근 (카메라, 생체 인식).
단일 UX 및 딥 RG/AML 통합 (시스템 경고, 기본 푸치).
신뢰할 수있는 인앱 결제 및 구독 (StoreKit/Billing).
정확한 원격 측정 및 고장 제어 (충돌 용해, 흔적).
마이너스
소유권 가격: 멀티 플랫폼 개발, 매장을 통한 릴리스.
Apple/Google 승인; 흥분/지불에 대한 제한.
더 많은 보안 및 개인 정보 보호 책임
패턴
WebView + JS 브리지 (양방향 채널): 게임/결제/제한 이벤트가 기본적으로 진행됩니다.
하이브리드: 중요한 기본 화면 (금전 등록기, KYC, RG), 컨텐츠 화면-WebView/iFrame.
공급자 SDK: 게임/스트림은 라이브러리에 의해 내장됩니다. 호스트는 토큰, 한계, 지갑을 제공합니다.
6) 커뮤니케이션: iFrame Weacher 호스트 및 WebView Warsher 네이티브
웹 (iFrame):- '창. 포스트 메시지 ({타입, 페이로드}, targetOrigin) '
- 이벤트 스키마: '게임. 세션. 시작/중지 ',' 내기. 장소/정착 ',' rg. 한계. ',' 잭팟을 쳤다. 기여 ',' 오류 '.
- 검증: '원점' 을 확인하고 버전을 입력하십시오 ('v1', 'v2').
- iOS: 'WKScriptMessageHandler'; Android: 'addJavascretInterface' (@ JavascretInterface와 함께 불필요하게 노출되지 않음).
- 형식은 중요한 명령에 대한 HMAC 서명 ('유형', '페이로드', '추적 _ id') 과 동일합니다.
7) 안전 및 준수
자산에 대한 CSP, 샌드 박스, SRI; 필요없이 '사용자 간 탐색 허용' 을 연결합니다.
호스트와 컨텐츠 간의 무신뢰: 최소한의 허용, 돌연변이 위험한 API.
PII/거주: 지역별 금고 및 통나무; 교차 영역 쿼리 억제.
RG/AML: 내기시 동기 정지 등; WORM 크리켓 동작 로그.
쿠키/ITP: 'SameSite = None; 안전한 '; 우선 타사 - 스토리지 액세스 APIи독점 서버 측 세션.
8) 성능 및 UX
iFrame: 게으른 연결 ('로딩 = 게으른'), 네트워크 리소스의 우선 순위 지정, 공급자 도메인에 '사전 연결'.
WebView: 불필요한 JS, 캐시 자산을 끄고 하드웨어 가속을 가능하게하고 GC/메모리 청소를 모니터링하십시오.
전체 화면 및 방향: 이벤트 체계를 통해 엄격하게 규정됩니다 (전환을 시작할 때 및 누가).
오류 처리: 통합 코드 ('NETWORK _ TIMEOUT', 'PAYMENT _ BLOCKED', 'RG _ BLOCK') 및 UX 프로판 트.
9) 분석 및 A/B
이벤트 버스: '세션. ',' 베팅을 시작/종료했습니다. ',' 예금. ',' rg. 한계. ',' 오류 '를 누르십시오.
식별 자: '테넌트 _ id/brand _ id/region/player _ pseudo', 'trace _ id'.
WebView의 상위 프록시 (호스트의 태그 관리자) 를 통한 트랙 인 iFrame에서 기본 분석 SDK입니다.
A/B: 호스트의 플래그 기능; iFrame은 'post 메시지 (init)' 를 통해 옵션을 인식합니다.
10) 지불 통합
웹/iFrame: 바람직하게는 iFrame 내부가 아닌 호스트에서 현금을 조달하는 것이 좋습니다 (타사 잠금 장치, UX 개선, RG/AML 쉬움).
기본: 유효한 시나리오에 대한 StoreKit/Billing; 그렇지 않으면 PSP 오케스트레이션은 강력한 원격 측정 및 demempotency를 사용합니다.
11) 사례 선택 카드
귀하는 수천 개의 게임과 최소 개발 리소스를 갖춘 애그리 게이터/미디어입니다
→ iFrame, 엄격한 '샌드 박스', '포스트 메시지' 프로토콜, 호스트의 현금 데스크/제한.
모바일 애플리케이션, 금전 등록기, KYC, 라이브 쇼가있는 운영자입니다
→ 기본 컨테이너: 로비 용 WebView, 기본 현금 데스크/KYC/RG, 라이브 제공 업체 SDK.
고유 한 3D/AR 게임과 필수 오프라인 스튜디오입니다
→ 응용 프로그램의 완전 기본 SDK 또는 엔진.
12) 점검표
iFrame 통합
- '샌드 박스' + 최소 '허용' 권한.
- 화이트리스트가있는 CSP; 스크립트 용 SRI.
- 명확한 '포스트 메시지' 체계 (+ verioning + 'origin' 유효성 검증).
- RG/AML 브레이크 라이트가 지원되고 세션이 올바르게 종료됩니다.
- 스토리지: ITP/타사 쿠키 계획.
- 원격 측정: 베팅/분, 결제 지연, 오류율, FPS (필요한 경우).
기본 컨테이너
- 메소드 화이트리스트 및 페이로드 타이핑이있는 JS- 브리지.
- 기본 현금 데스크/KYC/RG, 돈 방식에 대한 demempotency.
- Puss, 딥 링크, 라이프 사이클 후크 (전화/배경 작업시 게임 일시 중지).
- 충돌/추적, 개인 정보 보호, PII 액세스 감사.
- Apple/Google의 흥분 및 지불 정책이 준수됩니다.
13) 반 패턴 (적기)
공급자의 iFrame 내부에 금전 등록기를 포함시킵니다 (RG/AML/원격 측정에 대한 제어 손실).
검증 이벤트가 없습니다. 원점 '"포스트 메시지'.
타사 쿠키는 유일한 방법입니다.
여러 브랜드/지역에 대해 동일한 키/비밀.
웹 검사관의 잔액/제한의 수동 조정 (서버 검사 없음).
제로 열화: iFrame 드롭은 우아한 폴백없이 전체 페이지를 끊습니다.
14) 철수
iFrame은 저렴한 비용, 긴밀한 격리, 빠른 릴리스 등 컨텐츠 생태계의 "빠른 게이트웨이" 입니다. 심도: 성능, 장치, 상점 지불, 엄격한 RG/AML 및 최고급 UX에 관한 기본 컨테이너. 하나의 접근 방식이 아니라 카탈로그 및 데모를위한 iFrame/web, 돈을위한 원주민, 라이브 경험 및 규제 엄격한 조합입니다. 책임의 적절한 분리, 명확한 이벤트 계약 및 강력한 보안은 속도, 위험 및 품질의 손상없이 규모를 제공합니다.
