用于将文件插入 Google Drive 的简单、无库、Javascript 方法

Question

我正在使用 Web 脚本服务来生成文件并将它们发布到 URI。如果我没有或没有提供，它们将存储在 ftp 服务器上。我想要做的是将这些文件上传到我的 Google Drive，最终也会上传到其他用户的 Drive。 因为我使用的是“私有”主机和“纯”javascript——没有浏览器——我无法添加任何框架或库。我必须手动完成所有操作。

我浏览了所有文档，在这里阅读了很多帖子，发现了一些非常好的信息，并且掉了一些头发。

这是该项目目前所在的位置： 我正在使用 oauth2，Web 服务器流。 我可以请求访问，并获得一个授权码，如下所示：

https://accounts.google.com/o/oauth2/auth?
    response_type=code
   &scope=https://www.googleapis.com/auth/drive
   &redirect_uri=http://myserver.com/
   &access_type=offline
   &state=testing
   &client_id={CLIENT_ID].apps.googleusercontent.com

这给了我一个授权码。到目前为止，一切顺利。

然后，我使用该代码并执行以下操作：

POST /o/oauth/token HTTP/1.1
Host:  https://accounts.google.com
client_id=yada_yada
&client_secret=more_yada
&redirect_uri=http://myserver.com/
&code=[the code I just got]
&grant_type=authorization_code

现在，如果我使用 XMLHttpRequest，这一步会失败；我收到了“Access-Control-Allow-Origin”违规。因此，我将 HTML 页面与表单拼凑在一起并发布了那个。我返回了一个包含 access_token 和 refresh_token 的 JSON 对象。是的.

{
  'access_token'  : [Access Yada-Yada],
  'expires_in'    : 3600,
  'token_type'    : 'Bearer',
  'refresh_token' : '[Refresh Yada-Yada]
}

现在，我可以让我的脚本运行一小时。伊皮。

现在，毕竟，我如何使用 refresh_token 来获取新的 access_token。我已经尝试了一切。 XMLHttpRequests 给了我同样的跨域冲突，并且做一个 HTML 表单让我得到一个“invalid_request”响应！我尝试使用 curl，以前从未接触过它，但效果不顺利。

请帮忙。

编辑

刷新请求的格式如下：

var xhr = XMLHttpRequest();
xhr.open('POST',"https://accounts.google.com/o/oauth/token?" +
    "client_id=[CLIENT_ID]"+
   "&client_secret=[CLIENT_SECRET]"+
   "&refresh_token=[REFRESH_TOKEN]"+
   "&grant_type=refresh_token",
  true);
xhr.setRequestHeader('Content-Type','x-www-form-urlencoded');
xhr.send();

我直接从 OAuth Playground 复制了 url 参数，我已经给了我的项目密钥。当我这样做时，我得到了 Access-Control-Allow-Origin 冲突。

如果我把它包装成一个表格，像这样：

<form method="GET" action="https://accounts.google.com/o/oauth2/token">
<div>REFRESH TOKEN:</div>
  <input type="text" name="refresh_token" value="[REFRESH_TOKEN]">
<br><div>CLIENT ID:</div>
  <input type="text" name="client_id"     value="[CLIENT_ID]">
<br><div>CLIENT SECRET:</div>
  <input type="text" name="client_secret" value="[CLIENT_SECRET">
<br><div>GRANT TYPE:</div>
  <input type="text" name="grant_type"    value="refresh_token">
</form>

我可以获得新的访问令牌。但是，我无法使用 XMLHttpRequest 在 JS 中进行同样的工作。我不断收到 XD 错误。

我只需要一种在不使用任何库的情况下从 javascript 向 google 发布刷新请求的方法。

Answer 1

对于只有客户端逻辑的应用程序来说，网络服务器流程是不够的。我建议您使用 G+ 登录小部件（可以针对任何范围进行自定义，包括云端硬盘，并且实际上适用于所有 Google 用户，无论他们是否碰巧拥有 Google+ 帐户，包括所有 Google Apps 用户）。 https://developers.google.com/+/

如果您宁愿自己做这一切，您可以阅读客户端流程的工作原理：本质上您要求“response_type=token”并从片段中解析 access_token。 access_token 交换步骤没有 refresh_token。您只需重复初始授权请求，即可使用不可见的 iframe 在后台定期刷新令牌。确保将 display=none 添加到您在不可见 iframe 中发出的请求。请参阅https://developers.google.com/accounts/docs/OAuth2UserAgent 了解更多信息。