4

저는 Generator Angular Fullstack을 사용하여 첫 번째 웹 앱을 제작하고 있습니다. 페이스 북, Google+에, 트위터AngularStack Facebook, Google+ 및 Twitter 인증

나뿐만 아니라 Openshift를 사용하여 프로젝트를 초기화 한 후 오전

가 ... 내가 사용 : 나는 다음과 같은 사항에 대해 OAuth를 설정 https://github.com/DaftMonk/generator-angular-fullstack 초기화하는 동안

: 여기 프로젝트 초기화를 통해 갔다 그것을 opensshift에 추가하는 단계. 여기에는 RHC for Facebook, Google+ 및 Twitter 인증을위한 환경 변수 설정이 포함됩니다. 나는 이것도 덧붙였다.

그러나 새 앱에서는 ... Facebook, Google+ 또는 Twitter로 새 계정을 만들 수 없습니다. 나는 새 계정을 만들 때 이러한 오류는 내가 얻을 :

페이스 북 :

Invalid App ID: id 

의 Google+ :

401. That’s an error. 

Error: invalid_client 

The OAuth client was not found. 

Request Details 
    scope=https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email 
    response_type=code 
    redirect_uri=http://site.rhcloud.com/auth/google/callback 
    client_id=id 
That’s all we know. 

트위터 : 나는 많은 일을하지 않은

Internal Server Error 

지금까지 튜토리얼을 살펴 보자. 그러나 나는 뭔가를 놓쳤다 고 느낀다. 이 주제에 대한 도움은 grea.t입니다. 감사 :

답변

1

글쎄, 먼저 clientIDs, clientSecrets 및 callBackURL을 구성해야합니다. 이것들은 각 oAuth 제공 업체의 개발자 플랫폼 페이지에서 찾아야합니다. 즉, 페이스 북이는 다음과 같습니다 https://developers.facebook.com/apps/

이이 같은, (샘플이 포함되어있는 local.env.js 파일에 배치 할 수 있습니다

module.exports = { 
    DOMAIN: 'http://localhost:9000', 
    SESSION_SECRET: "xxxxxxxxxxxxx", 

    FACEBOOK_ID: 'xxxxxxx', 
    FACEBOOK_SECRET: 'xxxxxxx', 

    TWITTER_ID: 'xxxxxxx', 
    TWITTER_SECRET: 'xxxxxx', 

    GOOGLE_ID: 'xxxxxxx', 
    GOOGLE_SECRET: 'xxxxxxx', 

    ..... 
}; 
0

설정하는 것을 잊지 마세요에게 Heroku에 배포 HTTP/HTTPS 접두사와 도메인 설정 변수는시의 Google+ 로그인을 사용하여.

heroku config:set DOMAIN=http://<your app name>.herokuapp.com 

그렇지 않으면 당신은 redirect_uri_mismatch을 얻을 것이다. 이것은 당신이 아마 활성화해야합니다 내부 서버 오류로 끝나는 경우 Google 개발자 콘솔의 Google+ API

0

제공된 ID와 SECRET 키를 얻었고 여전히 OpenShift에 문제가있는 경우 ... 응용 프로그램의 환경 변수 설정이 트릭을 찾았습니다. 예를 들어

구글 :

설정-ENV -a가 GOODLE_SECRET =

local.env.js의 수출은 나를 위해 잘 작동 모듈은 내가 개발하고

RHC 설정 ENV -a GOOGLE_ID = RHC 로컬로하지만 내 config.py를 통해 OpenShift에 내 앱을 푸시하지 않았습니다.

관련 문제