在使用谷歌OAuth2时遇到问题。无法在谷歌注册



一直面临这个问题您已经创建了一个新的客户端应用程序,该应用程序使用即将弃用的库进行用户身份验证或授权。新的客户端必须使用新的库;在这些库被弃用之前,现有的客户端也必须进行迁移。有关更多信息,请参阅迁移指南。如何登录谷歌现在,如果他们有阻止客户端ID为新用户

因为Google将弃用他们在库中的旧标志https://developers.googleblog.com/2021/08/gsi-jsweb-deprecation.html

你现在可以实现他们的新谷歌服务身份SDK https://developers.google.com/identity/gsi/web

或者如果你正在使用react,我做了一个小包https://www.npmjs.com/package/@react-oauth/google它正在使用新的SDK

我有这个问题,并解决了它使用这个答案

import React, { useEffect } from 'react';
import { GoogleLogin, GoogleLogout } from 'react-google-login';
import env from 'react-dotenv';
import { gapi } from 'gapi- script';
function AuthPage() {  
useEffect(() => {
function start() {
gapi.client.init({
clientId: env.REACT_PUBLIC_GOOGLE_CLIENT_ID,
scope: 'email',
});
}
gapi.load('client:auth2', start);
}, []);

// **you can access the token like this**
// const accessToken = gapi.auth.getToken().access_token;
// console.log(accessToken);
const onSuccess = response => {
console.log('SUCCESS', response);
};
const onFailure = response => {
console.log('FAILED', response);
};
const onLogoutSuccess = () => {
console.log('SUCESS LOG OUT');
};
return (
<div>
<GoogleLogin
clientId={env.REACT_PUBLIC_GOOGLE_CLIENT_ID}
onSuccess={onSuccess}
onFailure={onFailure}
/>
<GoogleLogout
clientId={env.REACT_PUBLIC_GOOGLE_CLIENT_ID}
onLogoutSuccess={onLogoutSuccess}
/>
</div>
);
}
export default AuthPage;

对于angular开发者来说,一个存储库的例子,如何使用新的谷歌登录:https://github.com/ShemiNechmad/GoogleSignInAngular

检查自述文件。

我也遇到过同样的问题。

这就是我在React应用程序中解决它的方法。https://stackoverflow.com/a/72944782/15145736

它将解决问题

最新更新