Givenname and Familyname claims are missing in firebase idtoken(Firebase idToken中缺少Givenname和Familyname声明)
问题描述
我正在尝试使用Firebase为我们的Web应用程序实现Google登录。 下面是我为获取idToken所做的工作:
const google_provider = new GoogleAuthProvider();
google_provider.addScope("openid");
google_provider.addScope("profile");
google_provider.addScope("email");
signInWithPopup(auth, google_provider).then((result) =>
result.user.getIdToken());
虽然我已经添加了配置文件作用域,但我仍然无法获得idtoken中的givenname和familyname(email、picture和name是可用的)
(我尝试直接使用Google登录,在那里我可以看到所有个人资料声明)
我在这里错过了什么?我做错了什么吗?
推荐答案
由getIdToken()返回的Firebase ID令牌不包含您正在查找的用户的谷歌帐户信息(预期名称、个人资料图像等)。您应该使用从登录结果中检索到的访问代码向Google API发出获取它的请求。
signInWithPopup(auth, provider)
.then(async (result) => {
// This gives you a Google Access Token. You can use it to access the Google API.
const credential = GoogleAuthProvider.credentialFromResult(result);
const token = credential.accessToken;
const response = await fetch('https://www.googleapis.com/oauth2/v1/userinfo', {
headers: {
Authorization: `Bearer ${token}`
}
})
const data = await response.json();
console.log(data);
})
这篇关于Firebase idToken中缺少Givenname和Familyname声明的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:Firebase idToken中缺少Givenname和Familyname声明
基础教程推荐
- 在 Javascript 中使用 Fetch API 上传文件并显示进度 2022-01-01
- 逻辑运算符 ||在 javascript 中,0 代表 Boolean false? 2022-01-01
- CORS:当凭据标志为真时,无法在 Access-Control-Allow-Origin 中使用通配符 2022-01-01
- 当木偶师打开Chrome时,不能使用Chrome扩展 2022-01-01
- 即使每次插入第一个输入的值不同,第二个输入仍显示相同的输入值 2022-01-01
- 最佳动态 JavaScript/JQuery 网格 2022-01-01
- 带角度的选项卡:仅使用 $http 在单击时加载选项卡 2022-01-01
- HTML5 画布调整为父级 2022-01-01
- 从快速中间件中排除路由 2022-01-01
- 使用 jQuery 在悬停时交换 DIV 类 2022-01-01
