본문으로 바로가기

reactnative webview 구글 로그인 useragent 해결

category reactnative 2022. 5. 1. 13:12
반응형

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"
 
 

아래는 소스코드

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
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',
  },
});
 
cs
반응형

'reactnative' 카테고리의 다른 글

react-native 다국어 사용해보기  (0) 2023.05.20
React Navigation stack Drawer tab 사용해보기  (0) 2023.05.16