0

你好,善良的互联网人,我正在努力通过 Javascript 对 Google Fusion Table 进行更新……这是一个博客,但我想我会把它全部写在一个地方而不是一块膳食问题(都是相互关联的)。

我能够从 Fusion Tables 中进行 SELECT(简单),并且我还能够通过 oauth 检索 Auth Token(更多工作),因此通过 RowID 和字段名称更新字段值似乎是合理的可行。

google-api-javascript-client 有许多相当不错的帖子和示例,但是,唉,在阅读和阅读了许多这些帖子之后,我还没有成功地结合和推断使它们为我的预期目的工作:

-我希望允许网页的用户通过 javascript 对我的 Fusion Table 中已经存在的记录进行简单更新(使用 Fusion Tables 作为数据库),而不依赖于任何服务器端 PHP 或 Java oauth 等

关于上述问题的问题:仅通过javascript尝试这是合理的事情吗?...还是我应该放弃“客户端”策略?...而是开发服务器端架构(用于将Fusion Tables作为数据库处理)。

通过 javascript 更新的一些特定问题: A.) 更新是否需要 REST 调用上的 API 密钥?

B.)...或者 REST 调用是否只需要 Auth Token?

C.)...或者 API 密钥和身份验证令牌?

D.) UPDATE 是否需要“&callback=”?在 REST 通话中?

E.) GWT oauth javascript 库 ( http://code.google.com/p/gwt-oauth2/ ) 能否与 javascript-api-client 库 ( https://code.google.com/p/ ) 结合使用google-api-javascript-client/)?或者这是混合苹果和橙子?

F.) 对融合表的纯 REST 调用如何仅使用 jQuery 库进行组合和格式化?标头和 POST 方法如何包含在 url 字符串中?..auth 令牌呢?,以及如何完成回调?

F.1)google-api-javascript-client 的“gapi.client.request”方法具有提交 REST 调用的结构......我想这就是该库存在的原因:但是“gapi. client.request" 明确包含身份验证令牌?...它是否应该是 URL 字符串的一部分?

这是通过 gapi.client.request 推送 REST 调用的 URL 示例...真实的 tableID 当然在字符串中,当然下面的访问令牌已经过期...但是基本的SQL 是: UPDATE TABLEID SET STATUS COMPLETED WHERE ROWID 2

https://www.googleapis.com/fusiontables/v1/query?sql=UPDATE%20 TABLEID %20SET%20STATUS%20%3D%20COMPLETED%20WHERE%20ROWID%20%3D%20'2'&access_token=ya29.AHES6ZSCxJu4V0kOXN98H3PBKJon6ynewZ4jI4w9iFs3IOs7

上面看起来应该基本上可以工作并更新表格,但是该死的,没有。

这是我的测试代码,因为我尝试了很多组合,所以有点乱:

请注意,我也在为回调而苦苦挣扎......因为它(还)也不起作用,是的,也许如果我能看到回调,我可以更好地解决这种情况(我觉得我必须相当接近解决方案,所以还不想放弃并退回到 PHP 服务器端)......所以任何关于回调的帮助也将不胜感激。

非常感谢您提供的任何帮助/见解。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Page Language="C#" %>
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
<script type="text/javascript" src="gwt-oauth2.js"></script>
<script src="https://apis.google.com/js/client.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>

<form id="form1" runat="server">
  <div data-role="fieldcontain" id="div-myButton1" >
     <p></p>
        <input type="button" id="myButton1" value="oAuth & Get Token" />
     <p></p>
   </div>

 <p id="myOutput"><i>token goes here 3...</i></p>

<div data-role="fieldcontain" id="div-myButton2" >
     <p></p>
        <input type="button" id="myButton2" value="Attempt Fusion Table Update" />
     <p></p>
</div>

<p id="myOutput2"><i>transmitted POST url here...</i></p>

<p id="insert-data-output"><i>Fusion table callback status here...</i></p>

<script type="text/javascript">
$( "#myButton1" ).click(function() {
 //Using the GWT oauth2 javascript library to get the Auth token
 //...as was not able to explicitly retrieve token using the google-api-javascript 
 //alert("got here");
 var GOOGLE_AUTH_URL = "https://accounts.google.com/o/oauth2/auth";
//my client ID
var GOOGLE_CLIENT_ID = "YOURID.apps.googleusercontent.com";
var PLUS_ME_SCOPE = "https://www.googleapis.com/auth/plus.me";
//
var req = {
     "authUrl" : GOOGLE_AUTH_URL,
     "clientId" : GOOGLE_CLIENT_ID,
     //"scopes" : [ PLUS_ME_SCOPE ],
     "scopes" : ['https://www.googleapis.com/auth/fusiontables'],
   };
   oauth2.login(req, function(token) {
     //alert("Got an OAuth token:\n" + token + "\n"
     //    + "Token expires in " + oauth2.expiresIn(req) + " ms\n");
     //
     myOutput.innerText = token;
     //
   }, function(error) {
     alert("Error:\n" + error);
   });
 });
 </script>  

 <script type="text/javascript">
 $( "#myButton2" ).click(function() {
 //Attempting to update a Fusion Table record using gapi, google-api-javascript
 //...as was not able to update using the GWT javascript library
 //
 //TBD???: Where does the auth Token go when composing the REST update string?...tac on to the end?
 //??does UPDATE also require the API key?...if so where in the string?
 //
 //alert("got here");
 //myOutput2.innerText = "got here";
 //
 //my Fusion Table: TABLEID
 var query = "UPDATE TABLEID SET STATUS = COMPLETED WHERE ROWID = '2'";
 var encodedQuery = encodeURIComponent(query);
 // Construct the URL
 //the push seems to be putting in extra commas! :-(
 //var url = ['https://www.googleapis.com/fusiontables/v1/query'];
 var url = 'https://www.googleapis.com/fusiontables/v1/query';
 //url.push('?sql=' + encodedQuery);
 url = url + '?sql=' + encodedQuery;
 //my API key
 //url.push('&key=YOURAPIKEY');
 //Is the API Key required?
 //&access_token=
 //another choice might be to drop the API key, and put in the access token
 //url.push('&access_token=');
  myAccessTokenIs = '&access_token=' + myOutput.innerText;
  //url.push(myAccessTokenIs);
  url = url + myAccessTokenIs;
  //maybe drop the call back stuff too???
  //url.push('&callback=?');
  //
  //alert("my url is: " + url);
  myOutput2.innerText = url;
  //
  var path = '/fusiontables/v1/query';
  //
  //used for the callback of the gapi.client.request
  var callback = function(what) {
  alert("got to call back??");
  var output = JSON.stringify(what);
  insert-data-output.innerText = output;
  };
  ////var callback = function(element) {
  //    return function(resp) {
  //    var output = JSON.stringify(resp);
  //    document.getElementById(element).innerHTML = output;
  //};
  // 
  gapi.client.request({
    path:path,
    body: url,
    headers: {'Content-Type': 'application/x-www-form-urlencoded'},
    method:'POST'},
   callback
   );
  });
 </script>  

 <script>
  function helloCallBack(callback) {
   //callback('insert-data-output');
 };
 </script>
 </form>
 </body>
 </html>
4

1 回答 1

1

我试着回答你所有的问题:

  • 请参阅JavaScript API 示例以了解 gapi-client 的用法。您需要所有请求的 API 密钥以及 client_id 和 OAuth 范围来授权用户。
  • 您想要的并不完全可能:如果您想要一个仅限客户端的解决方案,您所能做的就是要求用户使用他们的帐户进行身份验证(如上面的示例)。但是如果你想访问你共享的一个特定的表,你必须有某种服务器端代码。
  • 我首先开始使用 JSONP API(使用 jQuery 创建调用,就像你建议的那样),但随后切换到了 gapi-client。它更容易,它可以为您提供有意义的错误消息,并且我可以毫无问题地访问我的数据。

我有非常相似的要求:尽可能使用客户端代码,访问属于我的 Google-Account 的单个表(使用 FT 作为数据库)。关键是使用所谓的服务帐户。您无需请求用户授权,而是使用服务帐户在服务器上执行此操作:

  1. 创建帐户
  2. 为服务帐户的表设置权限
  3. 授权账户(获取访问令牌)
  4. 提出授权请求

现在您有 2 个选项:

  • 通过您的服务器将所有请求路由到融合表(添加访问令牌)

或者

  • 将获取的令牌提供给客户端,并从那里处理所有请求

第二个选项是危险的,因为这意味着服务帐户是公开的,所以你必须仔细检查你给这个帐户哪些权限(即如果你不注意可能会删除记录),但除此之外你将服务器端代码的数量减少到最低限度。

在我的应用程序中,我选择了第二个选项。但是为了限制我创建的帐户作为我的表的读取视图和写入视图的可能性。并且服务帐户只能访问这两个视图。在读取视图中,该帐户具有“查看者”权限,因此可以读取整个表(SELECT语句)。在写视图上,它具有“编辑器”权限,这使得插入/更新/删除成为可能(尽管不可能删除)。

我个人没有使用 GWT 库,但我看不出这不起作用的原因。我使用PHP OAuth library进行了服务器端调用。包含我的代码的存储库是公开的,对您来说有趣的部分可能是我的 FT 的 JavaScript 库(GftLib)服务器端代码(用于将服务帐户的访问令牌获取到客户端的 JSONP 接口)。

我想我回答了你所有的问题,如果我留下了什么,请随时要求澄清。

于 2012-07-23T19:42:10.003 回答