앱인토스 샌드박스 접속 오류 문의

개발
1

React + bedrock으로 개발을 진행하고 있고,
로컬에서 앱인토스 로그인 연동을 테스트하기 위해
IOS실기기에서 샌드박스 앱을 통해 접속을하려고 하는데요 아래 사진과 같이 오류가 뜹니다.ㅠ

(샌드박스에서 로컬호스트 접근 허용은 되있는 상태이고, 맥IP 192.168.0.xxx 를 metro 서버 설정에 기재하였습니다.)

image
image665×1440 77 KB

package.json에 script와 .env 문서도 아래와 같이 작성되어있는데 어떤 부분을 더 봐야할까요.

package.json (npm run host로 실행중)

{
  "name": "{스킴이름}",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "bedrock dev",
    "host": "vite --host",
    "build": "bedrock build",
    "preview": "vite preview",
    "deploy": "ait deploy"
  },
  "dependencies": {
    "@apps-in-toss/web-framework": "^0.0.40",
    "@emotion/react": "^11.14.0",
    "@toss-design-system/colors": "^0.1.0",
    "@toss-design-system/mobile": "^2.1.0",
    "@toss-design-system/mobile-ait": "^2.1.0",
    "axios": "^1.12.2",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "react-router-dom": "^7.8.2"
  },
  "devDependencies": {
    "@types/react": "^19.1.12",
    "@types/react-dom": "^19.1.9",
    "@types/react-router-dom": "^5.3.3",
    "@vitejs/plugin-react": "^4.7.0",
    "typescript": "^5.9.2",
    "vite": "^5.4.19"
  }
}

.env

VITE_TOSS_CLIENT_ID={클라이언트 아이디}
VITE_TOSS_REDIRECT_URI=http://192.168.0.xxx:5173/web/token
VITE_SERVER_URL=http://192.168.0.xxx:5173

터미널에서 npm run host 로 실행 시 아래와 같이 확인 됩니다.

스크린샷 2025-09-18 오후 5.21.26
스크린샷 2025-09-18 오후 5.21.261216×203 21.3 KB

2

npm run dev 로 구동 후 테스트 해봐주실 수 있나요 ?

3

RN LOG [eventLogDebug] {“log_name”: “/::screen”, “log_type”: “screen”, “params”: {“deployment_id”: “local”, “deployment_timestamp”: “NaN”, “referrer”: “null”, “search”: “”}}
RN WARN Encountered an error loading page {“canGoBack”: false, “canGoForward”: false, “code”: -1004, “description”: “서버에 연결할 수 없습니다.”, “didFailProvisionalNavigation”: true, “domain”: “NSURLErrorDomain”, “loading”: false, “target”: 27, “title”: “”, “url”: “”}

터미널 로그에 위처럼 뜹니다ㅠ (앱인토스 샌드박스에서도 동일)

4

granite.config.ts에 web.host 를 서버 host 주소 (metro 서버 주소)를 입력해봐주실 수 있을까요 ?

5

bedrock으로 하고있어 bedrock.config.ts를 말씀하신대로 수정했고

  web: {
    host: '192.168.0.xxx',
    port: 5173,
    commands: {
      dev: 'vite',
      build: 'vite build',
    },
  },

터미널에 여전히 같은 오류가 보이네요ㅠ

 RN   LOG  [eventLogDebug] {"log_name": "/::screen", "log_type": "screen", "params": {"deployment_id": "local", "deployment_timestamp": "NaN", "referrer": "null", "search": ""}}
 RN   WARN  Encountered an error loading page {"canGoBack": false, "canGoForward": false, "code": -1004, "description": "서버에 연결할 수 없습니다.", "didFailProvisionalNavigation": true, "domain": "NSURLErrorDomain", "loading": false, "target": 27, "title": "", "url": ""}
 RN   WARN  (ADVICE) View #169 of type RCTView has a shadow set but cannot calculate shadow efficiently. Consider setting a background color to fix this, or apply the shadow to a more specific component.
 RN   WARN  (ADVICE) View #167 of type RCTView has a shadow set but cannot calculate shadow efficiently. Consider setting a background color to fix this, or apply the shadow to a more specific component.
 RN   WARN  (ADVICE) View #165 of type RCTView has a shadow set but cannot calculate shadow efficiently. Consider setting a background color to fix this, or apply the shadow to a more specific component.
6

web.commands에 'vite --host 를 입력하셔서, 어떤 host 주소로 실행되는지 확인하고 그 주소를 metro 주소와 web.host 주소에 넣어주실 수 있을까요 ?!

7

감사합니다 ㅜㅜ 접근 성공했습니다.

8

다행이에요 :slight_smile: 감사합니다.

9

감사합니다.. 저도 같이 이슈인데, 가이드에 추가되었으면 좋겠네요, 해결되었습니다.

10

가이드에 추가해두겠습니다