Dropbox JavaScript SDK vs Dropbox saver JavaScript

[neunygph]

Hello,

I'm just starting to use Dropbox JavaScript SDK from http://dropbox.github.io/dropbox-sdk-js/Dropbox.html on my client side. But there is a conflict when using both refrences from 

<script src="https://unpkg.com/dropbox/dist/Dropbox-sdk.min.js" ></script>

AND

<script src="//www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="riqoimk2j9c8d1m" ></script>

Both references has Dropbox object and Dropbox function (both same name) and this cause javascript error when creating a saver button. For instance:

var button = Dropbox.createSaveButton(options)

This createSaveButton will cause an error since there is no "createSaveButton" method from https://unpkg.com/dropbox/dist/Dropbox-sdk.min.js. Is there a way that I can distinguish these 2 "Dropbox" object/function so their methods can be called properly.

Thanks

[Greg-DB · Accepted solution]

These libraries weren't written with each other in mind unfortunately, but you can do something like this to work around it:

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

    <script src="https://unpkg.com/dropbox/dist/Dropbox-sdk.min.js" ></script>
    <script type="text/javascript">
        var Dropbox_SDK = Dropbox;
    </script>

And then you can use Dropbox_Dropins or Dropbox_SDK in place of Dropbox respectively.

[neunygph]

Ah I see, I didn't think of that 🙂

Thanks Greg.

[neunygph]

Hi Greg,

For drobox pin, is data-app-key value always "riqoimk2j9c8d1m" ?

Thanks,

[Greg-DB]

That's just the app key you supplied in your original post. When loading the dropins library, that should always be the app key for the app you want to use the Chooser with. The "riqoimk2j9c8d1m" value does seem to be a valid app key for your app, so that's fine.

[neunygph]

Oh ok, thanks Greg.