React Native의 Webview 구성 요소에서 인증 요구

Question

자격 증명이 필요한 반응적인 webview에서 URL을로드하려고합니다. 일반적으로 Safari 및 Chrome과 같은 브라우저에서이 URL을 열면 자격 증명을 입력 할 수있는 팝업이 표시됩니다. React-Native에서 처리하는 방법을 모르십니까?

Answer 1

React 네이티브 응용 프로그램에 대해 LinkedIn 인증이 필요하므로 WebView 구성 요소를 사용할 수있는 방법을 찾지 못했습니다.

이 은 일 수 있습니다. 그러나 나는 우리가 생각해 낸 해결책을 강조 할 것입니다. 이 단계는 iOS React Native 앱을위한 단계이지만 Android의 단계는 다를 수 있지만 개념은 동일합니다. 또한 일부 서버 구성이 필요합니다.

URL 유형을 만들었습니다. XCode에서 프로젝트를 선택하고 Info 탭을 클릭하십시오. 아래쪽으로 스크롤하여 URL 유형을 확인하십시오. identifier 및 URL Schemes을 입력하십시오. URL Schemes에 대해 설정 한 것을 기억하십시오. 이 예에서는 myscheme을 사용합니다.

앱이 열리면 Linking을 사용하여 Safari에서 URL을 엽니 다.

Linking.openURL('https://foo.bar'); 

사용자는 웹 사이트를 통해 로그인 할 수 있습니다. 로그인하면 사용자를 다시 리디렉션 할 수 있습니다. 일치

myscheme://name=Dan 

myscheme는 URL Scheme 당신은 엑스 코드 안에 들어갔다. 응용 프로그램을 설치하고 구성표가 일치하면 응용 프로그램이 열립니다.

:// 뒤에 어떤 정보도 추가 할 수 있습니다. 당신의 반작용 응용 프로그램에서

, 당신은이 환상적인 해결 될 것으로 보인다하지만 슬프게도 나는 내 반응 네이티브 응용 프로그램에 인트라넷 URL을 열려고하고 같은 서버 측 액세스 권한이없는

componentWillMount() { 
    Linking.addEventListener('url', this.handleOpenURL); 
} 

componentWillUnmount() { 
    Linking.removeEventListener('url', this.handleOpenURL); 
} 

handleOpenURL = (event) => { 
    const { url } = event; 
    if (url.startsWith('myscheme://')) { 
    // do something with your data. 
    } 
};