자바 스크립트에서 Google+ 로그인 - 기원

Question

에 대한 잘못된 매개 변수 값을 내가 추가하는 단계를 통과 봤는데 Google+ 로그인 내 웹 응용 프로그램에 '전형적인'웹 사이트에서 사용하는 경우 https://developers.google.com/+/web/signin/

에서 발견 , '클라이언트 측'흐름은 잘 작동합니다. 이제이 Google+ 기호를 PhoneGap에 통합하려고합니다. PhoneGap은 웹 페이지를 file : // URL로 실행하기 때문에 요청에서 보낸 원본은 file : //입니다. 필자가 작성한 다른 모든 PhoneGap에서 이것은 문제가되지 않았습니다.

내가 폰갭에서 내 페이지에서 버튼의 Google+의 기호를 클릭하면 그러나, 원점 파일로 전송되는 :

오류 : 대한
잘못된 매개 변수 값 INVALID_REQUEST 다음과 같은 오류 메시지가 발생 // 출처 : 누락 된 권한 : 파일 : //

Google API 콘솔에 가서 file : //을 허가 된 자바 스크립트 출처로 지정하려고했습니다. 그러나 물론, file : //을 출처로 입력 할 수 없습니다.

사람이 PhoneGap (또는 서버가없는 로컬 웹 페이지)에서 이러한 종류의 웹 스타일 (Javascript) Google+ 로그인을 수행하는 방법에 대한 통찰력이 있는지 궁금합니다. file : //로 실행). 네이티브 코드에서 로그인을 한 다음 토큰을 'PhoneGap'영역으로 다시 통합하기를 원하지 않습니다. 여러 플랫폼에서 한 번 앱을 작성하는 목적을 저 버리기 때문입니다.

Answer 1

파일의 경우 : http://localhost:4567 또는이 튜토리얼을 시도해보십시오 : // 것은 다르게 작동합니다 .. 당신의 원점으로 이것을 시도 here

Answer 2

나의 이해는 코르도바와 표준 클라이언트 측 흐름을 사용할 수 없다는 것입니다/file://은 유효한 출처가 아니기 때문에 PhoneGap.

그러나 In-App Browser plugin을 window.open과 함께 사용하면 응용 프로그램 내에서 "표준"클라이언트 측 흐름을 시작할 수 있습니다. 열린 창에서 이벤트를 듣고 응답을 처리합니다.

플러그인은 여러 플랫폼에서 작동하므로 여러 가지 기본 구현을 유지 관리 할 필요가 없습니다.

ng-cordova-oauth 라이브러리는 AngularJS를 위해 이것을 구현합니다.

구현에 대한 자세한 내용은 this tutorial 및 Google OAuth documentation을 참조하십시오.