React Native WebView Google Login Authorization Error 403: disallowed_useragent Error 해결법

...

// 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코드를 사용하는 것을 많이 공유하는데 개인적으로는 에러가 나는 경우도 많았고, 그냥 임의의 문자열을 넣어도 잘 동작했기에 문자열을 넣는 것으로 적용했다.