Skip to content

Een Dropbox-kanaal toevoegen

Wat je vooraf nodig hebt

VereisteWaarom je dit nodig hebt
Dropbox-accountVoor aanmelden en autoriseren van de app
Dropbox-appVoor het genereren van App Key en App Secret
Je ImgBed-domeinVoor de OAuth-redirect-URI
Beschikbare Dropbox-opslagDe daadwerkelijke opslaglocatie voor bestanden

Instellen

Stap 1: Maak een Dropbox-app

  1. Open de Dropbox App Console:
text
https://www.dropbox.com/developers/apps
  1. Maak een nieuwe app.
  2. Kies als toegangstype:
text
App folder
  1. Geef de app een herkenbare naam, bijvoorbeeld imgbed-app.
  2. Open na het aanmaken de detailpagina van de app.

Aanbevolen toegangstype:

ToegangstypeAanbeveling
App folderAanbevolen. Dit past bij de manier waarop ImgBed bestanden opslaat.
Full DropboxNiet aanbevolen. ImgBed heeft geen volledige toegang tot je account nodig.

Dropbox-app maken

Stap 2: Voeg de Redirect URI toe

Zoek op de detailpagina van de Dropbox-app de OAuth- of Redirect URI-instellingen en voeg toe:

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

Gebruik je het beheer via meerdere domeinen, voeg dan elke bijpassende callback-URL toe.

Redirect URI instellen

Stap 3: Configureer apprechten

Open het tabblad Permissions en schakel minstens deze scopes in:

ScopeVerplichtDoel
account_info.readVerplichtLeest account- en quotainformatie
files.metadata.readVerplichtLeest bestands- en mapmetadata voor padcontroles
files.metadata.writeVerplichtMaakt mappen aan en schrijft metadata
files.content.writeVerplichtUploadt bestanden. Zonder deze scope krijg je required scope 'files.content.write'.
files.content.readAanbevolenStaat download, preview en tijdelijke bestandslinks toe

Klik na het selecteren onderaan op Submit.

Rechten toevoegen

Belangrijk:

SituatieWat je moet doen
Je hebt scopes gewijzigdDoorloop de tokenautorisatie opnieuw en haal een nieuw Refresh Token op.
Je hebt niet opnieuw geautoriseerdHet oude token krijgt de nieuwe rechten niet automatisch, waardoor uploads kunnen blijven mislukken.

Stap 4: Kopieer appgegevens

Bewaar deze twee waarden van de Dropbox-app-pagina:

Dropbox-veldImgBed-veld
App keyApp Key
App secretApp Secret

Stap 5: Vul het Dropbox-kanaal in

Kies in Uploadinstellingen Dropbox en vul in:

ImgBed-veldWat je invult
KanaalnaamEen herkenbare naam, bijvoorbeeld Main Dropbox
App KeyDe Dropbox App key
App SecretDe Dropbox App secret
Refresh TokenLaat voorlopig leeg
HoofdmapOptioneel. Standaard imgbed.
NotitieOptioneel

Token ophalen

Stap 6: Haal het Refresh Token op

  1. Klik in ImgBed op Get Token.
  2. Meld je aan met het Dropbox-account dat je wilt koppelen.
  3. Keur de autorisatie goed.
  4. De callbackpagina toont een Refresh Token.
  5. Kopieer het.
  6. Ga terug naar ImgBed en plak het in Refresh Token.

Token kopiëren

Controleren

ControleVerwacht resultaat
KanaalkaartHet Dropbox-kanaal verschijnt na opslaan.
KanaalschakelaarHet kanaal kan worden ingeschakeld.
Token opgeslagenDe detailpagina toont dat het Refresh Token is opgeslagen.
TestuploadEen testafbeelding verschijnt in de app-map van Dropbox.

Als quotalimieten actief zijn, klik dan op quota opvragen. Na een geslaagde opvraag toont de kanaalkaart gebruikte ruimte, totale ruimte en laatste update.

Quota-opvraag gelukt

Problemen oplossen

ProbleemOplossing
ImgBed meldt dat de configuratie onvolledig isControleer of App Key, App Secret en Refresh Token allemaal zijn ingevuld.
Autorisatie lukt, maar er verschijnt geen Refresh TokenKlik opnieuw op Get Token en controleer of de offline autorisatiestroom wordt gebruikt.
Upload mislukt met required scope 'files.content.write'Schakel files.content.write in, klik op Submit en haal daarna een nieuw Refresh Token op.
Callback misluktControleer of de redirect URI https://your-domain.com/api/oauth/dropbox/callback is.
Bestanden worden niet gevondenControleer of de Dropbox-app in App folder-modus is gemaakt.

Snelle flow

text
Open Dropbox App Console
-> Maak een app
-> Kies App folder access
-> Voeg https://your-domain.com/api/oauth/dropbox/callback toe
-> Schakel account_info.read / files.metadata.read / files.metadata.write / files.content.write in
-> Schakel eventueel files.content.read in
-> Klik Submit
-> Kopieer App Key en App Secret
-> Vul ze in ImgBed in
-> Klik Get Token
-> Kopieer het Refresh Token van de callbackpagina
-> Plak het terug in ImgBed en sla op

Referenties

  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.