Webview 타입인데 react native로 인식되는지 메트로 서버 에러가 발생합니다

개발
1

얼마전에 서버를 옮겼는데 그후에 배포에서 계속 에러가 나와서 오늘 하루를 헤맸지만 답을 못 찾았습니다.

문의 내용은

  • 앱 타입을 웹뷰로 변경하고 싶습니다" —> 현재 react native로 되어있는지가 우선 궁금한데 어디서 확인을 해야 하는지 모르겠습니다 처음부터 웹뷰로 했습니다

  • “현재 React Native로 인식되어 메트로 서버 에러가 발생합니다”

  • 앱 이름: “머니체크 화물용” (appName: moneycheck-truck)입니다

2

@mct 님 안녕하세요

RN으로 만든 미니앱을 WebView로 변경하시길 희망하시는거죠?

3

@mct 님 granite.config.ts 파일과 package.json 파일 전달해주실 수 있을까요?

4

메일로 답을 주신줄 모르고 이제서야 봤습니다 아닙니다 RN으로 만든 앱이 아닌 원래 webview로 만들었는데 react native로 인식되어 메트로 서버 에러가 발생하고 있습니다. 처음에 replit에서 기능을 만든거라 그곳 서버에서는 샌드박스 앱에서 잘 실행 되었는데 구글 클라우드 서버로 옮긴 다음부터 RN으로 인식하고 메트로 서버가 계속 발생합니다. 샌드박스 앱도 지우고 재설치 해보고 휴대폰도 재시작 해보고 서버 배포한것도 지웠다가 다시 배포했다가 이름을 바꿨다가 하루 종일 애썼지만 도저히 안되서 이렇게 말이 길어졌습니다. 말씀하신 파일을 첨부하여 올립니다.
[현재 상황]

  1. 정상 작동:
  • QR 코드나 푸시 알림(intoss-private://)으로 접속 시 웹뷰 정상 작동
  • 모든 HTML 페이지 정상 로드
  1. 문제 발생:
  • 샌드박스 앱에서 intoss://moneycheck-truck으로 접속 시 “메트로 서버에 연결해야만 앱을 사용할 수 있습니다” 에러 발생
  • 배포는 여러 번 완료했지만 여전히 React Native로 인식됨
  1. 빌드 결과물:
  • granite build 실행 시 iOS/Android 파일(moneycheck-truck.android.js, moneycheck-truck.ios.js)이 생성됨
  • native: false로 설정했지만 여전히 생성됨

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

2025년 11월 13일 (목) 오후 5:20, 앱인토스 개발자 커뮤니티의 앱인토스 님 <notifications@appsintoss.discoursemail.com>님이 작성:

(첨부 파일 granite.config.ts 누락)

(첨부 파일 package.json 누락)

5

파일첨부가 안된것 같아 코드로 올립니다

{ “name”: “moneycheck-truck”, “private”: true, “version”: “0.0.0”, “type”: “module”, “scripts”: { “dev”: “granite dev”, “build”: “granite build”, “deploy”: “ait deploy”, “preview”: “vite preview” }, “devDependencies”: { “vite”: “^7.2.2” }, “dependencies”: { “@apps-in-toss/web-framework”: “^1.4.6” } }

2025년 11월 13일 (목) 오후 9:49, 김영인 <suhoahbi@gmail.com>님이 작성:

6

import { defineConfig } from ‘@apps-in-toss/web-framework/config’;

export default defineConfig({
appName: ‘moneycheck-truck’,
brand: {
displayName: ‘머니체크 화물용’,
primaryColor: ‘#3182F6’,
icon: ‘’,
bridgeColorMode: ‘basic’,
},
web: {
host: ‘192.168.75.159’,
port: 5173,
commands: {
dev: ‘vite --host’,
build: ‘vite build’,
},
},
// iOS/Android 빌드 비활성화 (웹뷰만 사용)
native: false,
permissions: ,
outdir: ‘dist’,
});

2025년 11월 14일 (금) 오전 10:45, 김영인 <suhoahbi@gmail.com>님이 작성:

7

react-native로 인식된다는 말씀을 이해하지 못했어요 :cry:
모든 미니앱은 내부적으론 react-native이고, 그 안에서 webview를 호출하는 구조에요
메트로 서버 연결 에러라면, vite --host 에서 나오는 호스트 주소(ip)를 metro 주소와 web.host 주소에 넣어주신게 맞을까요 ?