Need to see if your shared folder is taking up space on your dropbox 👨💻? Find out how to check here.
Forum Discussion
Can't get access token uses javascript fetch request
Hi everyone, l try to get access token uses javascript fetch in the next way:
fetch('https://api.dropboxapi.com/oauth2/token', {
method: 'POST',
code: AUTHORIZATION_CODE,
grant_type: 'a...
Greg-DB
Dropbox Community Moderator
Dropbox Community Moderator[Cross-linking for reference: https://stackoverflow.com/questions/64178976/cant-get-access-token-in-dropbox-uses-javascript-fetch-request ]
It looks like there's a few issues with how you're formatting your request. For instance, it looks like you're not using the right encoding, and you're not properly labeling your client ID and secret. Here's a fixed up example of how you can do this:
const params = new URLSearchParams({
code: AUTHORIZATION_CODE,
grant_type: 'authorization_code',
redirect_uri: REDIRECT_URI,
client_id: CLIENT_ID,
client_secret: CLIENT_SECRET
});
fetch('https://api.dropboxapi.com/oauth2/token', {
method: 'POST',
body: params
})
.then(res => res.json())
.then(data => console.log('access data =>', data))
.catch(err => console.log('access err =>',err));Hey Greg!
I thought I'd just join the discussion here since I have a very similar question. Can you provide an example of how to format a fetch request for creating a file request (documentation's here: https://www.dropbox.com/developers/documentation/http/documentation#file_requests-create). Thanks!- Greg-DB
cascadeCommons The /2/file_requests/create endpoint is an "RPC" style endpoint, so it does work a bit differently than the /oauth2/token endpoint.
Calling /2/file_requests/create with fetch, for instance, would look like this, again building on the original example here:
var headers = { 'Authorization': "Bearer ACCESS_TOKEN", 'Content-Type': "application/json" }; var params = JSON.stringify({"title": "file request title", "destination": "/file request destination"}); fetch('https://api.dropboxapi.com/2/file_requests/create', { method: 'POST', body: params, headers: headers, }) .then(res => res.json()) .then(data => console.log('access data =>', data)) .catch(err => console.log('access err =>', err));Thank you so much Greg for your quick reply, I really appreciate it.
It seems that I had formatted my fetch request correctly, but the issue I was having was working with the response data. I checked my code using the .ok property and I can confirm that the request is successful. In the example you provided, there were 2 .then() statements. I was wondering if you could provide some guidance on how to access properties of the response, such as the file request URL. For refernce, this is what the HTTP Documentation says should be returned.
About Dropbox API Support & Feedback
Find help with the Dropbox API from other developers.
