reactnative webview 구글 로그인 useragent 해결

reactnative webview 에 구글 로그인 부분을 처리하다가 403 에러가 나타난다.

해결책은 userAgent 부분을 변경해 주면 

구글,카카오,네이버 다 이용가능하다.

const userAgent = "Mozilla/5.0 (Linux; Android 10; Android SDK built for x86 Build/LMY48X) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/81.0.4044.117 Mobile Safari/608.2.11"

 

 

아래는 소스코드

 

import React from 'react';
import { StyleSheet, Text, View,Linking } from 'react-native';
import { WebView } from 'react-native-webview';
 
const userAgent = "Mozilla/5.0 (Linux; Android 10; Android SDK built for x86 Build/LMY48X) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/81.0.4044.117 Mobile Safari/608.2.11"
const domain = 'http://localhost:8080'
 
export default function App() {
  return (
    <WebView source={{ uri: domain }} 
            javaScriptEnabled={true}
            domStorageEnabled={true}
            cacheEnabled={false}
            userAgent={userAgent}
            incognito={true}
            style={{ marginTop: 30 }} />
  );
}
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#ecf5fe',
    alignItems: 'center',
    justifyContent: 'center',
  },
});