[Expo] WebView 데이터 요청/응답 이슈

Question

웹앱 프로젝트에서 웹(WebView) 에서는 서버로 요청시 통신이 정상적으로 진행되는데, 앱(RN) 에서는 통신이 안되는지 요청을 보내면 Invalid가 뜨고 있습니다. 그래서 로그값이나 디버깅을 통해 요청값과 응답값을 확인해보고 싶은데, gpt에게 질문해보니 onMessage 프로퍼티를 사용하여 콘솔 로그를 찍어보는 방법을 알려줘서 테스트 해보니 정상적으로 동작하지 않는지 터미널에 로그가 안찍히고 있는 상태입니다.웹앱 프로젝트 에서는 개발자 도구 같은 기능을 하는 도구를 이용해서 요청/응답 값 또는 로그 값 등등을 활용해서 확인해볼수 있는 방법이 없을까요??빌드 테스트는 ios 실기기로 테스트로 진행하고 있습니다.const WebViewScreen = () => { // Logic const webviewURL = process.env.EXPO_PUBLIC_WEB_URL; const navigation = useNavigation(); const [navState, setNavState] = useState(); const webviewRef = useRef(null); useEffect(() => { const cangoBack = navState?.canGoBack; const onPress = () => { if (cangoBack) { webviewRef.current?.goBack(); return true; } else { return false; } }; navigation.setOptions({ headerLeft: () => cangoBack ? : null, }); BackHandler.addEventListener("hardwareBackPress", onPress); return () => { BackHandler.removeEventListener("hardwareBackPress", onPress); }; }, [navState?.canGoBack]); const handleMessage = (event: WebViewMessageEvent) => { console.log("📩 WebView에서 받은 메시지:", event.nativeEvent.data); }; // View return ( ); }; export default WebViewScreen;

풀스택3년차 · Answer

코드 보여주셔야 될것 같아요

[Expo] WebView 데이터 요청/응답 이슈

1개의 답변

#expo 목록