로그인 연동 테스트 에러 도와주세요

github으로 공유해주신 with-app-login예제의 server를 실행(npm run dev)하여 개발 중인 프로젝트에 적용하는 중입니다.

개발자 로그인한 상태로 개발 중인 프로젝트 스캠을 통해 진입한 후 구현한 로그인 버튼을 누르면 다음과 같은 에러가 발생하면서 adb가 먹통이 되는데, 이 문제를 해결하려면 어떻게해야할지 며칠동안 보다가 문의 남깁니다 ㅠㅠ

에러메시지

userAuth.ts의 코드 일부

```
import { useState, useEffect } from ‘react’;

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

import { apiClient } from ‘../utils/api’;

import { post } from ‘../utils/fetcher’;

import type {

LoginRequest,

RefreshTokenRequest,

TokenResponse,

LogoutResult,

AuthState,

LogoutByAccessTokenRequest,

LogoutByUserKeyRequest,

} from ‘../types/auth’;

export const useAuth = (): AuthState => {

const [accessToken, setAccessToken] = useState<string | null>(null);

const [refreshToken, setRefreshToken] = useState<string | null>(null);

const [loading, setLoading] = useState(false);

const [error, setError] = useState<string | null>(null);

const clearTokens = () => {

setAccessToken(null);

setRefreshToken(null);

};

// 앱 시작 시 저장된 토큰 확인

useEffect(() => {

const accessToken = localStorage.getItem('accessToken');

const refreshToken = localStorage.getItem('refreshToken');

if (accessToken && refreshToken) {

  setAccessToken(accessToken);

  setRefreshToken(refreshToken);

  apiClient.setAccessToken(accessToken);

}

}, );

const login = async () => {

try {

  setLoading(true);

  setError(null);



  const { authorizationCode, referrer } = await appLogin();

  

  const data = await post<TokenResponse, LoginRequest>(

    '/get-access-token',

    { authorizationCode, referrer }

  );



  const access = data?.data?.success?.accessToken;

  const refresh = data?.data?.success?.refreshToken;



  if (access) {

    setAccessToken(access);

  } else {

    setError('AccessToken을 가져오지 못했어요.');

  }



  if (refresh) {

    setRefreshToken(refresh);

  }

} catch (e) {

  console.error(e);

  setError('AccessToken을 가져오는 중 문제가 발생했어요.');

} finally {

  setLoading(false);

}

};
```

샌드박스 앱 로그인이 제대로 된 상태인지,

해당 앱 로그인 검토는 완료 된 상태인지 궁금합니다

넵! 샌드박스 앱에 로그인 되어있고 로그인 연동 승인도 전부 완료되었습니다

@swj 님 혹시 샌드박스 최신 버전에서도 발생하는 증상인지 확인 가능하실까요?

앗 네 확인해보겠습니다 :folded_hands:

1개의 좋아요

샌드박스 8월에 업데이트된 버전으로 재실행해보았습니다!

제가 개발한 앱에서는 본문과 동일한 에러가 반복되어 앱 로그인 예제를 시도해보았는데요, “Network request failed”에러가 확인되네요..

server 프로젝트를 실행 했을 시 다음과 같이 출력되구요,

dev
node server.js

:rocket: 서버 실행 중!
:backhand_index_pointing_right: 로컬 주소: http://localhost:4000
:backhand_index_pointing_right: 네트워크 주소: http://192.168.1.xxx:4000

app 프로젝트에 환경변수는 다음과 같이 설정되어 있습니다.

env({

  SERVER_BASE_URL: 'http://localhost:4000', *// 로컬 서버 주소를 입력해 주세요.*

}),

혹시 server 프로젝트의 .env.server에 외부 API Endpoint (API Gateway) 경로 설정이 잘못되면 이런 에러가 발생하는 건 아니겠지요..? 예제조자도 정상 작동 안되니 답답하네요 ㅠㅠ

안녕하세요 :slight_smile:
방금 예제로 잠깐 테스트했는데, 정상적으로 액세스 토큰이 가져와졌습니다 :cry:
혹시 서버만 실행을 하고, app은 실행을 안하신게 아닐까요 ?

server 와 app 모두 yarn dev로 실행 후, 샌드박스 > 클라이언트(app)의 appName 으로 접근하셔야해요

그렇게 했는데 … 네트워크 에러가 나네요ㅠㅠ

혹시 adb설정은 어떻게 하셨나요??

저는 adb reverse tcp:8081 tcp:8081 이거 하나만 했는데 혹시 adb 설정이 원인일까요?

adb reverse tcp:5173 tcp:5173 도 부탁드려요! :slight_smile:

1개의 좋아요

앱 콘솔에 등록되지 않은 이름으로 앱스킴을 입력해도 접속이 되더라구요 ㅠㅠ 그래서 다른 이름으로 잘못(?) 입력하여 접속했는데

어플에 접근 O 로그인 실행 X 되어서 그랬던거였네요… 기본적인 제 실수였습니다

그래도 답변주셔서 감사합니다^^

해결되었다니 다행이에요 :slight_smile: