首页 / JAVASCRIPT / javascript – Angularjs Google oauth2获取id_token

javascript – Angularjs Google oauth2获取id_token

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Angularjs Google oauth2获取id_token，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1842字，纯文字阅读大概需要3分钟。

内容图文

我尝试在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(不是访问令牌).

解决方法:

我想你应该试试angular-google-plus模块.它是一个完整的角度模块,用于处理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全部内容，希望文章能够帮你解决javascript – Angularjs Google oauth2获取id_token所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/772809.html

来源：【匿名】