You might see that the Dropbox Community team have been busy working on some major updates to the Community itself! So, here is some info on what’s changed, what’s staying the same and what you can expect from the Dropbox Community overall.
Forum Discussion
chainsbomb
2 years agoExplorer | Level 4
Solution for Dropbox API where I have a non-standard setup.
My app is single-page server-side javascript/HTML, but I don't use Node. This seems to mean that I can't just import {Dropbox} from 'dropbox'
I am able to access use the chooser and saver by using dropbox via script i.e. src="https://www.dropbox.com/static/api/2/dropins.js", but the functionality available to https://www.dropbox.com/static/api/2/dropins.js is limited. I need to be able to overwrite files with updated data without the user being required to manage files all the time.
The examples I see in Github seem to require libraries I can't find or are only available to those using Node or python.
I need my users to be able to save JSON data as a file on Dropbox, then be able to retrieve that data, converted back into JSON. The chooser and saver, while functional, are too much of a hassle for my users to constantly update. It's not a complicated plan, but access to the correct libraries and formats is a bit frustrating.
Any solutions for a purely no-frills javascript/HTML app?
- Greg-DBDropbox Staff
chainsbomb As Здравко said, it's not necessary to use an SDK to access the Dropbox API, as you can construct the network requests directly.
It is worth nothing though that the official Dropbox API v2 JavaScript SDK supports both back-end Node and front-end browser JavaScript environments. So, you can use a <script> tag to import the Dropbox API v2 JavaScript SDK into browser JavaScript, from a CDN of your choice. Dropbox doesn't require or endorse any particular CDN, but for example, the Dropbox API v2 JavaScript SDK is available on cdnjs.
- djschochExplorer | Level 3
Hi Greg-DB,
Can you provide a simple example of what I need to do in my JavaScript to use the Dropbox SDK using a CDN? I have the script statement in my HTML header, but I don't know how to access it in my JS. One example I found using the "import" statement, but apparently that doesn't work unless I have the SDK installed in my project. Your help is greatly appreciated!
-Dan-
- Greg-DBDropbox Staff
djschoch The script tag in the examples load the SDK from a local copy, but if you want to use the Dropbox JavaScript SDK in browser JavaScript and load it from a CDN, you should be able to do so like this, and access the 'Dropbox' object:
<!DOCTYPE html> <html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/dropbox.js/10.34.0/Dropbox-sdk.min.js"></script> <script type="text/javascript"> console.log(Dropbox); </script> </head> <body> </body> </html>
Here I've just logged the object as a way to check it is available. As long as that is loaded successfully, you should then be able to use that 'Dropbox' object like in the examples here, for instance.
- chainsbombExplorer | Level 4
From what I gather, the Dropbox API v2 JavaScript SDK requires node.js to be installed, which I do not have.
Anything via "import" or "require" or "curl" are out of bounds, so I guess GET and POST are the solution.
Thanks though.
- djschochExplorer | Level 3
chainsbomb,
Sounds like I'm in a similar situation as you - I need to just use GET and POST to retrieve and save files on Dropbox. Would you be willing to share a few code snippets and/or advice to get me started? Thanks so much.
-Dan-
- ЗдравкоLegendary | Level 20
chainsbomb wrote:My app is single-page server-side javascript/HTML, but I don't use Node. ...
Hi chainsbomb,
It's not mandatory to use any library or so to access Dropbox API, in spite I cannot imagine what's such an environment that cannot use anything similar. Anyway, the only mandatory thing is ability to perform outgoing HTTPS POST requests to dedicated Dropbox servers. If by any chance this is impossible, then you're not able to perform API calls, otherwise just construct the calls yourself as described in documentation. A bit more hard typing work but that's it. The libraries you're talking about (most probably Dropbox SDK) just make this excessive typing smaller - every such a HTTP request is represented with corresponding method (you can make something similar yourself).
Good luck.
- chainsbombExplorer | Level 4
That is the real issue. Without SDK capabilities, it's a bit more work. Thank you, Здравко, for your insight.
About Dropbox API Support & Feedback
Find help with the Dropbox API from other developers.
5,888 PostsLatest Activity: 45 minutes agoIf you need more help you can view your support options (expected response time for an email or ticket is 24 hours), or contact us on X or Facebook.
For more info on available support options for your Dropbox plan, see this article.
If you found the answer to your question in this Community thread, please 'like' the post to say thanks and to let us know it was useful!