Skip to content

Додавання каналу Dropbox

Що підготувати спочатку

ПотрібноНавіщо це потрібно
Обліковий запис DropboxДля входу й авторизації app
Dropbox appДля отримання App Key і App Secret
Ваш домен ImgBedДля OAuth redirect URI
Доступне сховище DropboxФактичне місце зберігання файлів

Налаштування

Крок 1. Створіть Dropbox app

  1. Відкрийте Dropbox App Console:
text
https://www.dropbox.com/developers/apps
  1. Створіть новий app.
  2. Для access type виберіть:
text
App folder
  1. Дайте app зрозумілу назву, наприклад imgbed-app.
  2. Після створення відкрийте сторінку деталей app.

Рекомендований тип доступу:

Access TypeРекомендація
App folderРекомендовано. Це відповідає тому, як ImgBed зберігає файли.
Full DropboxНе рекомендовано. ImgBed не потребує доступу до всього акаунта.

Створення Dropbox app

Крок 2. Додайте Redirect URI

На сторінці деталей Dropbox app знайдіть налаштування OAuth або Redirect URI й додайте:

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

Якщо адмін-панель використовується з кількох доменів, додайте кожний відповідний callback URL.

Налаштування redirect URI

Крок 3. Налаштуйте permissions app

Відкрийте вкладку Permissions і ввімкніть щонайменше такі scopes:

ScopeОбов'язковоПризначення
account_info.readТакЧитає інформацію про акаунт і квоту
files.metadata.readТакЧитає метадані файлів і папок для перевірки шляхів
files.metadata.writeТакСтворює папки й записує метадані
files.content.writeТакЗавантажує файли. Без цього scope буде помилка required scope 'files.content.write'.
files.content.readРекомендованоДозволяє завантаження, перегляд і тимчасові посилання на файли

Після вибору scopes натисніть Submit унизу сторінки.

Додавання прав

Важливо:

СитуаціяЩо зробити
Ви змінили scopesЗапустіть authorization flow ще раз і отримайте новий Refresh Token.
Ви не авторизувалися повторноСтарий token не отримає нові permissions, тому завантаження все ще може падати.

Крок 4. Скопіюйте credentials app

Збережіть ці два значення зі сторінки Dropbox app:

Поле DropboxПоле ImgBed
App keyApp Key
App secretApp Secret

Крок 5. Заповніть канал Dropbox

У налаштуваннях завантаження виберіть Dropbox і заповніть:

Поле ImgBedЩо ввести
Channel nameЗрозуміла назва, наприклад Main Dropbox
App KeyDropbox App key
App SecretDropbox App secret
Refresh TokenПоки залиште порожнім
Root directoryНеобов'язково. Типово imgbed.
NoteНеобов'язково

Отримання token

Крок 6. Отримайте Refresh Token

  1. В ImgBed натисніть Get Token.
  2. Увійдіть у Dropbox-акаунт, який хочете підключити.
  3. Підтвердьте запит авторизації.
  4. На callback-сторінці з'явиться Refresh Token.
  5. Скопіюйте його.
  6. Поверніться до ImgBed і вставте його в поле Refresh Token.

Копіювання token

Як перевірити

ПеревіркаОчікуваний результат
Картка каналуDropbox-канал з'являється після збереження.
Перемикач каналуКанал можна ввімкнути.
Token збереженоНа сторінці деталей видно, що Refresh Token збережено.
Тестове завантаженняТестове зображення з'являється в app folder Dropbox.

Якщо ввімкнені quota limits, натисніть запит квоти. Після успішного запиту картка каналу показує використаний обсяг, загальний обсяг і час останнього оновлення.

Успішний запит квоти

Усунення несправностей

ПроблемаЯк виправити
ImgBed повідомляє, що конфігурація неповнаПеревірте, що App Key, App Secret і Refresh Token усі заповнені.
Авторизація успішна, але Refresh Token не з'являєтьсяНатисніть Get Token ще раз і переконайтеся, що використовується offline authorization flow.
Завантаження падає з required scope 'files.content.write'Увімкніть files.content.write, натисніть Submit, потім отримайте новий Refresh Token.
Callback не проходитьПереконайтеся, що redirect URI має вигляд https://your-domain.com/api/oauth/dropbox/callback.
Файли не знаходятьсяПереконайтеся, що Dropbox app створений у режимі App folder.

Короткий сценарій

text
Відкрити Dropbox App Console
-> Створити app
-> Вибрати App folder access
-> Додати https://your-domain.com/api/oauth/dropbox/callback
-> Увімкнути account_info.read / files.metadata.read / files.metadata.write / files.content.write
-> За бажанням увімкнути files.content.read
-> Натиснути Submit
-> Скопіювати App Key і App Secret
-> Ввести їх в ImgBed
-> Натиснути Get Token
-> Скопіювати Refresh Token з callback-сторінки
-> Вставити його назад в ImgBed і зберегти

Посилання

  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 CloudFlare ImgBed.