YouTube 동영상 업로드를위한 웹 페이지를 만들려고하므로 Google API 콘솔에서 클라이언트 ID를 얻으려고 시도하고 API 콘솔에 다음과 같은 내용이 표시됩니다.
Client ID: 533832195920.apps.googleusercontent.com
Redirect URIs: http://bobyouku.ap01.aws.af.cm/testyoutube.php
https://developers.google.com/oauthplayground
그러나 다음 URL을 사용하여 내 계정을 테스트하려고 할 때 :
invalid_client의 결과를 제공합니다. oauth2 놀이터에서 시도해도 같은 실패가 발생합니다.
그래서 무슨 일이 일어나는지 아는 사람이 있습니까?
답변:
제품 이름 설정 / 변경, 프로젝트 이름과 동일한 제품 이름을 만들 때까지이 문제가 발생했습니다.
제품 이름은 프로젝트에 대한 Google Developers Console의 동의 화면 섹션에서 설정할 수 있습니다. 왼쪽 탐색 메뉴의 API 및 인증 아래에서 동의 화면을 선택합니다. 또한 제품 이름 위의 상자에서 이메일 주소를 설정해야합니다.
Google 웹 UI에서 값을 복사 한 후 다음을위한 공백이 생겼습니다.
client_idsecret상기와 BEGINNING 및 상기 END 모두.
모두에서 선행 및 후행 공백 트림 client_id과 client_secret. Google의 복사 버튼은이 작업을 수행하지 않습니다.
OAuth 동의 화면에 대한 이메일 주소와 제품 이름 필드를 모두 설정합니다.
내 ID에 .apps.googleusercontent.com이 두 번 있습니다.
'Your ID HERE'를 복사하여 붙여 넣기 문제였습니다 .apps.googleusercontent.com
제 경우에는 이것이 다른 것으로 판명되었습니다. 즉, 제 코드는 제대로 설정되지 않은 환경 변수를 사용했습니다 (그리고 제 코드에 의해 어리석게 확인되지 않았습니다). 그것을 설정하고, 자산을 다시 컴파일하고, 앱을 다시 시작하는 것이 트릭이었습니다.
설명서를 따르는 경우 https://developers.google.com/identity/sign-in/web/sign-in#specify_your_apps_client_id 페이지에서
당신은 볼 수
<meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">
그러나 그것은 잘못되었습니다. 그것은해야한다
<meta name="google-signin-client_id" content="YOUR_CLIENT_ID">
문제는 어쨌든 '.apps.googleusercontent.com'이 추가된다는 것입니다. 문서에 나와있는대로 수행하면 '.apps.googleusercontent.com'이 두 번 표시됩니다.
오류가 응용 프로그램 이름이 누락되었다고보고 했습니까? 프로젝트 설정 대화 상자에서 프로젝트 이름 (예 : "Project X")을 만들 때까지이 문제가 발생했습니다.
아마도 오래된 자격 증명이 유효하지 않습니다
아래 답변을 참조하십시오
또는 짧은 이름이 작동 할 수 있습니다.
아래의 답변을 참조 유래 대답을
또는 이미 답변 한 프로젝트 이름과 동일한 제품 이름
때때로 하나는 추가 공간을 포함 할 수 있습니다.
이 줄을 두 번 확인하여 올바른 URL로 리디렉션되도록합니다.
트림으로 내 문제를 해결했습니다.
'google' => [
'client_id' =>trim('client_id),
'client_secret' => trim('client_secret'),
'redirect' => 'http://localhost:8000/login/google/callback',
],
확인해야 할 또 다른 사항 :
NuGet을 사용하여 .Net 앱에 GoogleAPI를 설치하면 * .config 파일에 새로운 더미 값 세트가 삽입됩니다.
원래 값이 여전히 제자리에 있는지 확인하고 더미 항목을 제거하십시오.
최상의 결과를 얻으려면 다음과 같은 전체 세부 정보가 있는지 확인하십시오.
{"client_id":"282324738-4labcgdsd4nlh34885s2d34tmi.apps.googleusercontent.com","project_id":"abcd23ss-212808","auth_uri":"https://accounts.google.com/o/oauth2/auth","token_uri":"https://www.googleapis.com/oauth2/v3/token","auth_provider_x509_cert_url":"https://www.googleapis.com/oauth2/v1/certs","client_secret":"23452-dfgdfgcdfgfd","redirect_uris":["http://localhost:6900/auth/google/callback"],"javascript_origins":["http://localhost:6900"]}
이 데이터는 https://console.developers.google.com/apis/credentials/oauthclient/ 에서 항상 JSON으로 다운로드 할 수 있습니다.
Meteor JS에 있다면 appId 대신 clientId 를 사용해야합니다 .
facebook은 appId와 google clientId를 사용하기 때문입니다.
ServiceConfiguration.configurations.upsert({
service: "google"
}, {
$set: {
clientId: process.env.OAUTH_GOOGLE_APP_ID,
loginStyle: "popup",
secret: process.env.OAUTH_GOOGLE_SECRET
}
});
나는 그것을 깨닫기 위해 몇 시간을 보냈다.
시행 착오를 찾아야했던 것이 많기 때문에이 글을 전에 본 적이 있었으면 좋겠다. 이것으로 많은 것이 잘못 될 수 있습니다. 내가 가진 또 다른 문제가 있습니다.
승인 된 자바 스크립트 출처 또는 승인 된 리디렉션 URI를 지정하는 경우 www가 있거나없는 도메인을 포함해야합니다. 따라서 https://google.com 및 https://www.google.com
또한 Application 로고를 업로드했습니다. 그 때문에 동의 화면에 검토가 필요했습니다. 응용 프로그램 로고를 업로드하지 마십시오.