dropbox - 如何使用 dropbox-api dropbox-js V2 打开弹出窗口

Question

我正尝试在我的网络应用程序中迁移到 dropbox-api v2。目前我有打开弹出窗口的实现，用户连接到他/她的保管箱，我得到 token 。我用它来访问用户在后续步骤中在 Dropbox.chooser 中选择的文件。

但我很难找到解决方案。我有 dropbox 拥有的所有迁移文档的链接，但没有任何关于 client.authenticate() 和 Dropbox.AuthDriver.Popup() 等价物的说法？

Answer 1

通用 Dropbox!!!我刚刚在 GitHub 上发现了针对 dropbox-sdk-js 的这个问题，并且他们在 V2 中没有这个功能的答案:( 真的很令人失望，我需要自己实现所有人员:

https://github.com/dropbox/dropbox-sdk-js/issues/73#issuecomment-247382634

已更新

我已经实现了我的解决方案，如果有人需要，我愿意分享。

要打开弹出窗口，我使用以下代码:

window.open(dropbox.getAuthenticationUrl("MY REDIRECT URL"), 'DropboxAuthPopup', 'dialog=yes,dependent=yes,scrollbars=yes,location=yes')
        
window.addEventListener('message',function(e) {
   if (window.location.origin !== e.origin) {
       // Throw error
   } else {
       // e.data Is what was sent from redirectUrl
       // e.data.access_token is the token I needed from dropbox
   }
},false);

然后在我指定要重定向的保管箱的页面上，我输入:

window.addEventListener('load', function() {
    var message = parseQueryString(window.location.hash)
    window.location.hash = '';
    
    opener = window.opener
    if (window.parent != window.top) {
        opener =  opener || window.parent
    }
    
    opener.postMessage(message, window.location.origin);
    window.close();

})

parseQueryString 的示例可以从dropbox-sdk-js examples 中找到