很抱歉进行了大修改。我重新开始，因为我没有正确地陈述我的问题。
我正在尝试用 HTML5 编写客户端应用程序。我不希望它托管在网站上。我什至不确定这是否可能，我对这种类型的应用程序相当陌生。
无论如何，我想访问谷歌服务，这需要像 OAuth 这样的身份验证。因为它是 javascript，所以听起来 OAuth2 是我需要的。
我正在尝试在弹出窗口中打开 google 身份验证（我有这部分），让用户允许访问，然后将流程传回我的应用程序，该应用程序可以查询 Google 服务。问题是 1. 每当我使用 response_type=code 时，它都会要求用户将令牌复制/粘贴到应用程序中，但如果我使用 response_type=token，它需要我重定向回一个有效的 URL，因为它不是托管在网络服务器，没有。
那么如何使用 OAuth，并让用户无缝授予访问权限？
【问题讨论】：
标签： javascript oauth
您应该为 Google 定义一些重定向 URL，以便在身份验证完成后重定向到。如果您无法在任何网站上托管您的页面，您可以很好地将其托管在本地主机中。
关于从弹出窗口获取访问令牌到主父窗口，您可以在父窗口中设置一个计时器，不断检查弹出窗口的文档位置。一旦文档位置与重定向 URL 匹配，您就可以解析将在 URL 本身中的访问令牌。
我昨天写了一篇关于完全相同问题的教程（使用本地主机），这里是链接： http://www.gethugames.in/2012/04/authentication-and-authorization-for-google-apis-in-javascript-popup-window-tutorial.html
希望你会发现它有用。
【讨论】：
为避免潜在的click jacking，Google 身份验证会强制您进行全页登录。我认为你无法控制它。
编辑评论后，这是从Google OAuth2 page中提取的代码：
<body>
<a href="javascript:poptastic('https://accounts.google.com/o/oauth2/auth?scope=https://www.google.com/m8/feeds&client_id=21302922996.apps.googleusercontent.com&redirect_uri=https://www.example.com/back&response_type=token');">Try
out that example URL now</a>
<script>
function poptastic(url) {
var newWindow = window.open(url, 'name', 'height=600,width=450');
if (window.focus) {
newWindow.focus();
}
}
</script>
</body>
【讨论】：
redirect_uri 指定到您网站的页面。然后读取令牌#access_token，将其传递给父页面，关闭弹出窗口，并在后续调用中使用它？
我相信您可以在 Javascript 中使用 google api (gapi) 进行 Oauth。 这是文档：Authentication using the Google APIs Client Library for JavaScript
您不需要用户复制/粘贴任何代码，也不需要提供重定向 uri
您需要做的就是：转到Google Developers Console 中的项目并生成以下内容： 1. 生成新的客户端 ID 并选择选项“已安装的应用程序”和“其他”。 2. 生成公共 API 密钥
来自上述文档的示例代码：
// Set the required information
var clientId = 'YOUR CLIENT ID';
var apiKey = 'YOUR API KEY';
var scopes = 'https://www.googleapis.com/auth/plus.me';
// call the checkAuth method to begin authorization
function handleClientLoad() {
gapi.client.setApiKey(apiKey); // api key goes here
window.setTimeout(checkAuth,1);
}
// checkAuth calls the gapi authorize method with required parameters
function checkAuth() {
gapi.auth.authorize({client_id: clientId, scope: scopes, immediate: true}, handleAuthResult); // scope and client id go here
}
// check that there is no error and makeApi call
function handleAuthResult(authResult) {
var authorizeButton = document.getElementById('authorize-button');
if (authResult && !authResult.error) {
makeApiCall();
}
}
// API call can be made like this:
function makeApiCall() {
gapi.client.load('plus', 'v1', function() {
var request = gapi.client.plus.people.get({
'userId': 'me'
});
request.execute(function(resp) {
var heading = document.createElement('h4');
var image = document.createElement('img');
image.src = resp.image.url;
heading.appendChild(image);
heading.appendChild(document.createTextNode(resp.displayName));
document.getElementById('content').appendChild(heading);
});
});
}
【讨论】：
我已经为这个任务写了一个迷你 JS 库，拿来看看它是否适合你。
https://github.com/timdream/wordcloud/blob/6d483cd91378e35b54e54efbc6f46ad2dd634113/go2.js
我最近正在开发另一个依赖相同脚本的项目，所以我将这个项目隔离到 an independent library project ... 检查进度如下（如果有的话）。
【讨论】：