Skip to content

Ajouter un canal Dropbox

Ce qu’il faut d’abord

ÉlémentPourquoi c’est nécessaire
Compte DropboxUtilisé pour se connecter et autoriser l’application
Application DropboxUtilisée pour générer App Key et App Secret
Domaine ImgHostUtilisé comme URI de redirection OAuth
Espace disponible dans DropboxUtilisé comme emplacement réel de stockage des fichiers

Étapes de configuration

Étape 1 : créer une application Dropbox

  1. Ouvrez Dropbox App Console :
text
https://www.dropbox.com/developers/apps
  1. Créez une nouvelle application.
  2. Pour le type d’accès, choisissez :
text
App folder
  1. Donnez à l’application un nom reconnaissable, comme imgbed-app.
  2. Ouvrez la page de détails de l’application après sa création.

Type d’accès recommandé :

Type d’accèsRecommandation
App folderRecommandé. Correspond à la manière dont ImgHost stocke les fichiers.
Full DropboxNon recommandé. ImgHost n’a pas besoin d’un accès complet à tout le compte.

Créer une application Dropbox

Étape 2 : ajouter l’URI de redirection

Sur la page de détails de l’application Dropbox, recherchez les paramètres OAuth ou l’URI de redirection et ajoutez :

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

Si vous utilisez le panneau d’administration depuis plusieurs domaines, ajoutez l’URL de retour correspondante pour chacun d’eux.

Configurer l’URI de redirection

Étape 3 : configurer les permissions de l’application

Ouvrez l’onglet Permissions et activez au moins ces portées :

PortéeObligatoireRôle
account_info.readObligatoireLit les informations du compte et du quota
files.metadata.readObligatoireLit les métadonnées des fichiers et dossiers pour les vérifications de chemin
files.metadata.writeObligatoireCrée des dossiers et écrit des métadonnées
files.content.writeObligatoireTéléverse des fichiers. Si cette portée manque, l’erreur required scope 'files.content.write' apparaît.
files.content.readRecommandéPermet le téléchargement, l’aperçu et les liens temporaires de fichier

Après avoir sélectionné les portées, cliquez sur Submit en bas de la page.

Ajouter les permissions

Important :

SituationAction à effectuer
Vous avez modifié les portéesRelancez le flux d’autorisation du jeton et obtenez un nouveau Refresh Token.
Vous n’avez pas réautoriséL’ancien jeton n’obtient pas les nouvelles permissions, les téléversements peuvent donc continuer à échouer.

Étape 4 : copier les identifiants de l’application

Enregistrez ces deux valeurs depuis la page de l’application Dropbox :

Champ DropboxChamp ImgHost
App keyApp Key
App secretApp Secret

Étape 5 : compléter le canal Dropbox

Dans les paramètres de téléversement, choisissez Dropbox et remplissez :

Champ ImgHostValeur à saisir
Nom du canalNom reconnaissable, par exemple Main Dropbox
App KeyApp key Dropbox
App SecretApp secret Dropbox
Refresh TokenLaissez vide pour l’instant
Répertoire racineFacultatif. La valeur par défaut est imgbed.
NoteFacultatif

Obtenir le jeton

Étape 6 : obtenir le Refresh Token

  1. Dans ImgHost, cliquez sur Get Token.
  2. Connectez-vous au compte Dropbox à associer.
  3. Approuvez la demande d’autorisation.
  4. La page de retour affiche un Refresh Token.
  5. Copiez-le.
  6. Revenez à ImgHost et collez-le dans le champ Refresh Token.

Copier le jeton

Vérification

VérificationRésultat attendu
Carte du canalLe canal Dropbox apparaît après l’enregistrement.
Interrupteur du canalLe canal peut être activé.
Jeton enregistréLa page de détail indique que le Refresh Token a été enregistré.
Test de téléversementUne image de test apparaît dans le dossier d’application Dropbox.

Si les limites de quota sont activées, cliquez sur la requête de quota. Après une requête réussie, la carte du canal affiche l’espace utilisé, l’espace total et l’heure de dernière mise à jour.

Requête de quota réussie

Dépannage

ProblèmeSolution
ImgHost indique que la configuration est incomplèteVérifiez que App Key, App Secret et Refresh Token sont tous renseignés.
L’autorisation se termine mais aucun Refresh Token n’apparaîtCliquez de nouveau sur Get Token et assurez-vous que le flux d’autorisation hors ligne est utilisé.
Le téléversement échoue avec required scope 'files.content.write'Activez files.content.write, cliquez sur Submit, puis obtenez un nouveau Refresh Token.
Le retour échoueConfirmez que l’URI de redirection est https://your-domain.com/api/oauth/dropbox/callback.
Les fichiers sont introuvablesVérifiez que l’application Dropbox a été créée en mode App folder.

Flux rapide

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

Références

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

Released as user documentation for ImgHost.