Google Firebase认证在Netlify上失败,但可在本地服务器上运行

fumotvh3  于 2023-01-21  发布在  Go
关注(0)|答案(2)|浏览(113)

当我部署我的网站到netlify,我无法正常登录,新的谷歌窗口自动打开和关闭,我的网站Clock

function SignIn() {
const signInWithGoogle = () => {
  const provider = new firebase.auth.GoogleAuthProvider();
  auth.signInWithPopup(provider);
};

return (
  <>
    <button className="sign" onClick={signInWithGoogle}>
      Sign in with Google
    </button>
  </>
);

}

function SignOut() {
return (
  auth.currentUser && (
    <button className="sign" onClick={() => auth.signOut()}>
      Sign Out
    </button>
  )
);

}
Picture
在netlify上部署后,只出现在web上,在本地服务器上工作正常

0aydgbwb

0aydgbwb1#

将当前netlify域添加到firebase控制台
首先转到此URL:https://console.firebase.google.com/u/0/project/your_project_name/authentication/providers
然后转到Authorised domains部分并添加https://kreivc-clock.netlify.app/
始终记得检查身份验证错误并向其发出警报:

const signIn = () => {
    auth
      .signInWithPopup(provider)
      .catch((error) => alert(error.message));
  };
egdjgwm8

egdjgwm82#

上面的答案提供了一个链接,目前给出了这样的错误消息“处理请求时出现未知错误。*"。作为一个业余爱好者,我很难找到Authorized Domains选项(谷歌可能会随着时间的推移移动路线)。
这就是我
Solved的问题所在:首先转到:https://console.firebase.google.com/
如果您已登录,您将在此处看到您的所有项目列表。选择要添加
授权域
的项目。将打开项目概述页面。
然后单击左侧
*Project Overview按钮下或Project Shortcuts标签下的Authentication链接。
在新页面上,您将在
UserSign in method选项的右侧看到按钮Settings。单击Setting按钮后,您将在页面底部看到Authorized Domain选项。现在您可以添加您的域(如您提供的:https://kreivc-clock.netlify.app/)。您的Netlify和Google Auth**问题将得到解决。

相关问题