你好,善良的互联网人,我正在努力通过 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>