-
React Native WebView Google Login Authorization Error 403: disallowed_useragent Error 해결법React Native 2022. 3. 23. 19:01728x90
... // Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.103 Safari/537.36 const customUserAgent = 'customUserAgent'; <WebView source={{ uri: 'URL' }} userAgent={customUserAgent} /> ...
가장 간단한 방법은 위와 같이 userAgent를 변경해주는 방법이다.
2016년 구글에서 webview에서 로그인을 막는 것으로 정책이 변경되었기에 기존 userAgent를 사용하면 error가 발생하는 것이다.
다른 방법으로는 chrome custom tab을 이용하는 방법이 있는데 RN에서는 이 부분만 따로 custom tab으로 변경하는 것과 같은 부분이 꽤나 복잡해지기 때문에 간편하게 위의 방법을 사용했다.
대부분의 블로그에서는 위 코드의 주석과 같은 userAgent코드를 사용하는 것을 많이 공유하는데 개인적으로는 에러가 나는 경우도 많았고, 그냥 임의의 문자열을 넣어도 잘 동작했기에 문자열을 넣는 것으로 적용했다.
'React Native' 카테고리의 다른 글
react-native-async-storage 그만 사용하기(feat. react-native-mmkv) (0) 2023.08.18 React Native에서 Custom Font 적용하기 (0) 2021.07.29 React Native에서 SVG 이미지 사용하기 (0) 2021.07.22 앱 기획부터 출시까지(일기장) - 2 (종속성 설치 및 설정들) (0) 2021.07.22 React Native에서 이미지 import로 불러오기 (0) 2021.07.21