gpt4 book ai didi

javascript - Angularjs + Google oauth2 + 获取 id_token

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:28:13 25 4
gpt4 key购买 nike

我正在尝试在 angualjs 中实现 google auth。但我研究并获得了 javascript 代码。

代码:

<html lang="en">
<head>
<meta name="google-signin-scope" content="profile email">
<meta name="google-signin-client_id" content="148699057185-ug1ge86g4dn4uffffekth3rb7382cl2333323238fau.apps.googleusercontent.com">
<script src="https://apis.google.com/js/platform.js" async defer></script>
</head>
<body>
<div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark"></div>
<script>

function onSignIn(googleUser) {
// Useful data for your client-side scripts:
var profile = googleUser.getBasicProfile();
console.log("ID: " + profile.getId());
// Don't send this directly to your server!
console.log("Name: " + profile.getName());
console.log("Image URL: " + profile.getImageUrl());
console.log("Email: " + profile.getEmail());
// The ID token you need to pass to your backend:
var id_token = googleUser.getAuthResponse().id_token;
console.log("ID Token: " + id_token);

alert(id_token);

// All HTML5 Rocks properties support CORS.

}
</script>
</body>
</html>

我收到 id_token 警报。

但我需要转换成 angularjs。

我尝试实现到 angularjs 但它不起作用。

请任何人帮助我。

预期:我只需要从 angularjs 中的 google oauth 获取 id_token(不是访问 token )。

最佳答案

我认为你应该尝试 angular-google-plus模块。它是一个完整的 Angular 模块,可处理 Google+ API 的登录。

这是一个DEMO (不要忘记在代码中插入您的客户端 ID。)

示例用法:

var app = angular.module('app', ['googleplus']);

app.config(['GooglePlusProvider', function(GooglePlusProvider) {
GooglePlusProvider.init({
clientId: 'YOUR_CLIENT_ID',
apiKey: 'YOUR_API_KEY'
});
}]);

app.controller('AuthCtrl', ['$scope', 'GooglePlus', function ($scope, GooglePlus) {
$scope.login = function () {
GooglePlus.login().then(function (authResult) {
console.log(authResult);

GooglePlus.getUser().then(function (user) {
console.log(user);
});
}, function (err) {
console.log(err);
});
};
}]);

我认为 authResult 对象应该包含您想要的内容。

关于javascript - Angularjs + Google oauth2 + 获取 id_token,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37986245/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com