앱인토스 반려사유 재질문

개발
1

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

질문 / 문제 해결

내용을 설명해주세요

appname 과 불필요한 확대축소 관련 문의입니다

WebView에서 핀치줌 비활성화하려면 webViewProps에 어떤 설정이 필요한지 알려주세요
QR테스트시 핀치줌이 동작하는데 그래서 반려가 나는건지 해서요
직접 접속시에는 확대축소 없이 진행됩니다.
appname 도 계속 제대로 올리고 있는데 자꾸 반려나는 이유를 정말 모르겠어요

appName (선택)

janitaro

2

안녕하세요 :slight_smile:
granite.config.ts에 displayName을 콘솔에 등록한 이름과 동일하게 설정해주셔야합니다.
QR 테스트시, 네비바에 이름이 displayName입니다.

webview에서 핀치줌은 index.html 에

<meta
  name="viewport"
  content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
/>

를 추가해주시면 될 것 같습니다!

4

선생님….. ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 몇 번을 해봐도 QR테스트하면 무조건 핀치줌이 되는데 이거 어떻게 하면 좋을까요…제발 알려주세요. 앱빌드하는곳에서 이렇게 말하는데 이게 맞나요? 귀찮게 해드려서 죄송해요. 이거말고 다른 앱도 같은 이슈라 꼭 해결해야 될 것같아요 답변 부탁드립니다
———-granite.config.ts의 webViewProps에 bounces: false, pullToRefreshEnabled: false, overScrollMode: “never”, allowsBackForwardNavigationGestures: false를 추가해 반영했고 빌드 통과까지 확인했으며, 그래도 핀치줌이 남으면 현재 SDK에 직접적인 zoom-off 옵션이 없어 토스 네이티브 WebView 설정 요청이 필요해요.———

5

프로젝트 구조가 어떻게 되시나요 ?
index.html 이 있으신가요 ?

6

네, index.html이 프로젝트 루트에 있습니다.

프로젝트 구조:

  • 빌드 도구: Vite (React + TypeScript)

  • 엔트리: index.html → src/main.tsx → src/App.tsx

  • 빌드 결과물: dist/ 폴더 (vite build 실행 시 생성)

  • 토스 연동: granite.config.ts에서 outdir: “dist” 설정, @apps-in-toss/web-framework@2.0.5 사용 중

/
├── index.html          ← 엔트리 HTML
├── granite.config.ts   ← 토스 앱 설정
├── public/
│   └── app.json        ← 빌드 메타데이터
├── src/
│   ├── main.tsx        ← React 엔트리포인트
│   ├── App.tsx         ← 라우터/레이아웃
│   ├── pages/          ← 페이지 컴포넌트
│   └── components/     ← UI 컴포넌트
├── supabase/
│   └── functions/      ← Edge Functions
└── dist/               ← 빌드 산출물 (npx ait build)
7

index.html 의 <head> 에 추가해주셨나요 ?

<meta
  name="viewport"
  content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
/>
8

네, index.html의 에 아래와 같이 포함되어 있습니다:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />

게다가 아이폰에서는 핀치줌이 동작하는 오류가 있고 안드로이드는 접속도 안되네요
뭐가 크게잘못된거죠??