Skip to content

Dropbox 渠道新增說明

新增前要準備什麼

需要準備用途
一個 Dropbox 帳號用來登入 Dropbox 并授權應用
一個 Dropbox 應用用來生成 App KeyApp Secret
當前圖床訪問域名用來設定授權回調地址
一個可用的 Dropbox 空間後面真正存圖用

新增步驟

第一步:建立 Dropbox 應用

  1. 打開 Dropbox App Console:
text
https://www.dropbox.com/developers/apps
  1. 點擊建立新應用。
  2. 訪問類型建議選:
text
App folder
  1. 給應用起一個你自己能認出來的名字,例如 imgbed-app
  2. 建立完成後進入應用詳情頁。

這一步要特別注意:

訪問類型建議
App folder推薦,和當前專案最匹配
Full Dropbox不建議,權限更大,當前專案沒必要

開發者建立應用

第二步:設定回調地址

在 Dropbox 應用詳情頁里找到 OAuth 或 Redirect URI 設定,填下面這個地址:

text
https://your-domain.com/api/oauth/dropbox/callback

如果你平時會從多個域名打開後台,就把多個域名對應的回調都加上。

設定回調地址

第三步:設定應用權限(Scopes)

進入應用詳情頁的 Permissions 標簽頁,至少勾選下面這些權限:

權限是否必須用途
account_info.read必須查詢帳號基礎資訊、容量資訊
files.metadata.read必須讀取檔案/目錄元數據(用于路徑檢查)
files.metadata.write必須建立目錄等元數據寫操作
files.content.write必須上傳檔案(缺少會報 required scope 'files.content.write'
files.content.read建議下載、預覽、臨時直鏈等讀檔案能力

勾選後點擊頁面底部 Submit 提交權限變更。

新增對應的權限

重要說明:

場景處理方式
你修改了 Scopes必須重新走一次“獲取令牌”流程,拿新的 Refresh Token
沒有重新授權舊 token 不會自動獲得新權限,上傳仍會失敗

第四步:記錄應用資訊

應用建立完成後,記下這兩個值:

Dropbox 後台欄位後面填到哪里
App key系統里的 App Key
App secret系統里的 App Secret

第五步:回系統里填寫 Dropbox 渠道

在上傳設定里選擇 Dropbox 後,按下面這套填:

頁面欄位你該填什麼
渠道名稱你自己起,例如 Dropbox主账号
App Key剛才 Dropbox 應用的 App key
App Secret剛才 Dropbox 應用的 App secret
Refresh Token先留空
根目錄可選,預設 imgbed
備注可選

獲取令牌

第六步:獲取 Refresh Token

  1. 在系統里點 获取令牌
  2. 登入你要綁定的 Dropbox 帳號。
  3. 按提示授權。
  4. 授權成功後,回調頁會顯示一串 Refresh Token
  5. 複製它。
  6. 回到系統,貼上到 Refresh Token 輸入框里。

複製令牌

新增完成後怎么檢查

檢查項檢查方式
渠道卡片是否出現保存後頁面里能看到 Dropbox 渠道
渠道是否能啟用開關能正常打開
令牌是否已寫入詳情頁能看到 Refresh Token 已保存
上傳是否正常上傳測試圖後,Dropbox 應用目錄里出現對應檔案

如果開啟了容量限制,可以點擊查詢額度。查詢成功後,卡片會顯示已用容量、總容量和更新時間。

查詢額度成功

常見問題

問題處理辦法
系統提示設定不完整檢查 App KeyApp SecretRefresh Token 是否都填了
授權成功但沒拿到 Refresh Token重新點一次 获取令牌,確認走的是離線授權
上傳時報 required scope 'files.content.write'回 Dropbox Permissions 勾選 files.content.write,點 Submit 後重新獲取 Refresh Token
回調失敗檢查回調地址是否是 https://your-domain.com/api/oauth/dropbox/callback.
檔案找不到確認 Dropbox 應用是不是按 App folder 模式建立的

渠道流程速查

text
Open Dropbox App Console
-> Create an app
-> Choose App folder access
-> Add https://your-domain.com/api/oauth/dropbox/callback
-> Enable account_info.read / files.metadata.read / files.metadata.write / files.content.write
-> Optionally enable files.content.read
-> Click Submit
-> Copy App Key and App Secret
-> Fill them into ImgHost
-> Click Get Token
-> Copy the Refresh Token from the callback page
-> Paste it back into ImgHost and save

參考資料

  1. Dropbox App Console:https://www.dropbox.com/developers/apps
  2. Dropbox OAuth Guide:https://developers.dropbox.com/oauth-guide
  3. Dropbox Developer Guide:https://www.dropbox.com/developers/reference/developer-guide

Released as user documentation for ImgHost.