网页模版

2020-12-28 23:56 jianzhan

网页模版:Web网站实现Google登录

Web网站实现Google登录

一、打开谷歌控制台:https://console.developers.google.com/apis

二、点击创建凭据,如下图,填写项目地址等

三、创建好客户端ID和秘钥后,填写对应的项目网址和登录页网址

四、修改OAuth同意屏幕网站首页地址和隐私政策网址

五、代码部分如下:

 script src="https://apis.google.com/js/api:client.js" /script function google_login() { 
 var googleUser = {}; 
 gapi.load('auth2', function(){ 
 // Retrieve the singleton for the GoogleAuth library and set up the client. 
 auth2 = gapi.auth2.init({ 
 client_id: '申请得到的客户端ID', //客户端ID 
 cookiepolicy: 'single_host_origin', 
 scope: 'profile' //可以请求除了默认的'profile' and 'email'之外的数据 
 }); 
 attachSignin(document.getElementById('google_button')); //点击google登录的按钮 
 }); 
 function attachSignin(element) { 
 auth2.attachClickHandler(element, {}, 
 function(googleUser) { 
 var profile = auth2.currentUser.get().getBasicProfile(); 
 console.log('ID: ' + profile.getId()); 
 console.log('Full Name: ' + profile.getName()); 
 console.log('Given Name: ' + profile.getGivenName()); 
 console.log('Family Name: ' + profile.getFamilyName()); 
 console.log('Image URL: ' + profile.getImageUrl()); 
 console.log('Email: ' + profile.getEmail()); 
 }, function(error) { 
 console.log(JSON.stringify(error, undefined, 2)); 
 }); 
 }

 

内容来源于网络,如有侵权请联系客服删除