通过Firefox扩展访问Google Drive
我正在尝试从Firefox扩展访问(CRUD)Google Drive。扩展是用Java脚本编写的,但现有的两个Java SDK似乎都不适合;客户端SDK期望"Window"可用,这与扩展中的情况不同,而服务器端SDK似乎依赖于特定于节点的工具,因为当我在通过Browserify运行后将其加载到Chrome中时,在节点中工作的脚本不再起作用。我是否使用原始REST调用?有效的节点脚本如下所示:
var google = require('googleapis');
var readlineSync = require('readline-sync');
var CLIENT_ID = '....',
CLIENT_SECRET = '....',
REDIRECT_URL = 'urn:ietf:wg:oauth:2.0:oob',
SCOPE = 'https://www.googleapis.com/auth/drive.file';
var oauth2Client = new google.auth.OAuth2(CLIENT_ID, CLIENT_SECRET, REDIRECT_URL);
var url = oauth2Client.generateAuthUrl({
access_type: 'offline', // 'online' (default) or 'offline' (gets refresh_token)
scope: SCOPE // If you only need one scope you can pass it as string
});
var code = readlineSync.question('Auth code? :');
oauth2Client.getToken(code, function(err, tokens) {
console.log('authenticated?');
// Now tokens contains an access_token and an optional refresh_token. Save them.
if(!err) {
console.log('authenticated');
oauth2Client.setCredentials(tokens);
} else {
console.log('not authenticated');
}
});
我在此脚本上使用Browserify包装了节点GDrive SDK:
var Google = new function(){
this.api = require('googleapis');
this.clientID = '....';
this.clientSecret = '....';
this.redirectURL = 'urn:ietf:wg:oauth:2.0:oob';
this.scope = 'https://www.googleapis.com/auth/drive.file';
this.client = new this.api.auth.OAuth2(this.clientID, this.clientSecret, this.redirectURL);
}
}
在单击按钮后使用调用它(如果文本字段没有代码,则启动浏览器获取代码):
function authorize() {
var code = document.getElementById("code").value.trim();
if (code === '') {
var url = Google.client.generateAuthUrl({access_type: 'offline', scope: Google.scope});
var win = Components.classes['@mozilla.org/appshell/window-mediator;1'].getService(Components.interfaces.nsIWindowMediator).getMostRecentWindow('navigator:browser');
win.gBrowser.selectedTab = win.gBrowser.addTab(url);
} else {
Google.client.getToken(code, function(err, tokens) {
if(!err) {
Google.client.setCredentials(tokens);
// store token
alert('Succesfully authorized');
} else {
alert('Not authorized: ' + err); // always ends here
}
});
}
}
但这会产生错误Not authorized: Invalid protocol: https:
解决方案
不过,根据用例的不同,它也有可能是有限的。
Firefox附带了一个很小的http服务器,只是最基本的。它是出于测试目的而包含的,但这不是忽视它的理由。
让我们跟随quickstart guide for running a Drive app in Javascript
棘手的部分是设置重定向URI和Java脚本源。显然,正确的设置是http://localhost
,但如何确保每个用户都有可用的端口80?
您不能,而且,除非您能够控制您的用户,否则不能保证任何端口都适用于每个人。考虑到这一点,让我们选择端口49870并祈祷。
因此,现在重定向URI和Java脚本源设置为http://localhost:49870
quickstart.html
(记得添加您的客户端ID)保存在您的扩展的data
目录中。现在编辑您的main.js
const self = require("sdk/self");
const { Cc, Ci } = require("chrome");
const tabs = require("sdk/tabs");
const httpd = require("sdk/test/httpd");
var quickstart = self.data.load("quickstart.html");
var srv = new httpd.nsHttpServer();
srv.registerPathHandler("/gdrive", function handler(request, response){
response.setHeader("Content-Type", "text/html; charset=utf-8", false);
let converter = Cc["@mozilla.org/intl/scriptableunicodeconverter"].createInstance(Ci.nsIScriptableUnicodeConverter);
converter.charset = "UTF-8";
response.write(converter.ConvertFromUnicode(quickstart));
})
srv.start(49870);
tabs.open("http://localhost:49870/gdrive");
exports.onUnload = function (reason) {
srv.stop(function(){});
};
请注意,quickstart.html
不是使用resource:
URI作为本地文件打开的。Drive API不会喜欢这样的。它在urlhttp://localhost:49870/gdrive
上提供。不用说,我们可以使用模板或其他任何东西来代替静态html。此外,http://localhost:49870/gdrive
可以使用常规PageMod编写脚本。
我不认为这是一个真正的解决方案。总比什么都没有好。
相关文章