使用Google Apps脚本获取Gmail地址,错误:redirect_uri_mismatch [英] Get gmail address using Google Apps Script, Error: redirect_uri_mismatch
问题描述
我尝试使用我的应用脚本获取用户的Gmail地址.我已经咨询了几个地方:
I try get gmail address of user use my app script. I have consulted several places :
https://developers.google.com/identity/sign -in/web/登录
https://developers.google.com/apps-script/guides/html/
在我之前发布的问题中,但不能做到,这是一个新问题.
and in the question I posted before but can't do it and there's a new problem.
此代码文件gs:
function doGet(e) {
var tmp = HtmlService.createTemplateFromFile("testapi");
return tmp.evaluate();
}
此代码文件html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="google-signin-client_id" content="1xxxxxxxxxx-xxxxxxxxi87eht.apps.googleusercontent.com">
<title>Oauth2 web</title>
<!-- Google library -->
<script src="https://apis.google.com/js/platform.js" async defer></script>
<!-- Jquery library to print the information easier -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<!-- Bootstrap library for the button style-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
<div id="profileinfo">
</div>
<div class="g-signin2" data-onsuccess="onSignIn"></div>
<script>
function onSignIn(googleUser) {
var profile = googleUser.getBasicProfile();
console.log('ID: ' + profile.getId()); // Do not send to your backend! Use an ID token instead.
console.log('Name: ' + profile.getName());
console.log('Image URL: ' + profile.getImageUrl());
console.log('Email: ' + profile.getEmail()); // This is null if the 'email' scope is not present.
$("#profileinfo").append("<h2>Sup " + profile.getName() + ", welcome home my friend</h2>");
$("#profileinfo").append("<img style='width:250px;height:250px' src='" + profile.getImageUrl() + "'><br><br>");
$("#profileinfo").append("<p>Your email is: " + profile.getEmail() + "</p>");
}
</script>
<button type="button" class="btn btn-danger" onclick="signOut();">Sign out</button>
<script>
function signOut() {
var auth2 = gapi.auth2.getAuthInstance();
auth2.signOut().then(function () {
console.log('User signed out.');
$("#profileinfo").empty();
$("#profileinfo").append("<h2>Goodbye old friend</h2>");
});
}
</script>
</body>
</html>
推荐答案
如果我很了解您想在前端使用电子邮件和用户个人资料信息,则不需要做所有这些复杂的事情.
If I well understand you want to get in frontend the email and user profile information you don't need to do all this complex things.
在后端创建此功能:
function getUser(){
//Session.getEffectiveUser().getEmail(); // Just for scope
var url = "https://www.googleapis.com/oauth2/v1/userinfo?alt=json";
var param = {
method : "Get",
headers : {"Authorization": "Bearer " + ScriptApp.getOAuthToken()},
'muteHttpExceptions' :true
};
var html = UrlFetchApp.fetch(url,param);
var data = JSON.parse(html.getContentText());
Logger.log(JSON.stringify(data))
/* Result is JSON
{"id":"Google User ID","email":"user@mail.com","verified_email":true,"picture":"https://xxxxxxxxxxxxxxxxx/photo.jpg"}
*/
return data
}
然后在前端,您可以调用此函数以获取用户详细信息:
Then now in frontend you can call this function to get in the user details :
function getUserDetails(){
google.script.run
.withSuccessHandler(function(user) {
//Do some stuffs with user details
// Email is in user.email
})
.withFailureHandler(function(msg) {
console.log(msg);
})
.getUser();
}
在脚本请求Session.getEffectiveUser().getEmail()时,用户授予范围允许获取用户信息.
As the script request the Session.getEffectiveUser().getEmail() the user grant scope to allow to get user information.
然后,您只需查询 https://www.googleapis. com/oauth2/v1/userinfo?alt = json 端点以获取用户详细信息.
Then you just have to query the https://www.googleapis.com/oauth2/v1/userinfo?alt=json endpoint to get user details.
史蒂芬(Stéphane)
Stéphane
这篇关于使用Google Apps脚本获取Gmail地址,错误:redirect_uri_mismatch的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!