Le Blog

Le blog laboratoire de F.L.D. Studio
0

DropBox API

DropBox

DropBox

Après avoir intégrer (très facilement) un bouton permettant à l'utilisateur de sauvegarder un document issu de notre site de test le dossier L41 dans son Google DRIVE, nous avons poussé l'expèrience avec cette fois les API de DropBox.

DropBox est un service très similaire à Google DRIVE à l'exeption, notable, qu'il ne permet pas de travailler sur les documents qui y sont stokés. C'est donc du backup et de la synchronisation pure qui est proposée.

Après avoir détaillé les étapes pour la conception du bouton enregistrer dans DRIVE, voici à présent le tutoriel concernant les API de DropBox pour la simple opération de sauvegarde d'un fichier dans le DropBox de l'utilisateur.

Paramétrage des API

Disposer d'un compte chez DropBox : https://www.dropbox.com/

Déclarer son application chez DropBox : https://www.dropbox.com/developers

Dans notre cas nous sélectionnons : Saver

Donner un nom à l'application, exemple : L41-WEBAPP

Déclaration nouvelle application

Paramétrer ensuite les deux onglets :

Paramétrage onglet 1

Paramétrage onglet 2

Récupérer la clef public (App Key)

Dans le HTML

Appeller les API de DropBox

<script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="xxxxxxxxxx"></script>

Pour la gestion du bouton

<a href="https://dl.dropboxusercontent.com/s/deroi5nwm6u7gdf/advice.png" class="dropbox-saver"></a>

De façon optionnelle on peux aussi ajouter un attribut : data-filename="xxx" pour préciser le nom du fichier à l'arrivé.

Ici avec une syntaxe Laravel :

<a href="{{ URL::asset('assets/img/user.png') }}" data-filename="l41 test"></a>

Exemple de rendu avec la page du site du dossier L41

Exemple rendu sur site L41

Catégories: Développement WEB

Commentaires: Pas de commentaires

Envoyer un commentaire