Develop Reference

Javascript Fetch Authorization Header

I know, there are a lot of those questions out here but none of them seem to help me with my question so im sorry if im just not able to understand the other questions, so here i come:
I want to use oauth wit discogs.com Prodiver in my react-native app. Since no oauth library fit for Discogs i need to implement this on my own. Discogs documentation tells me which headers i need for my oauth flow (currently at 'request token' step):
Content-Type: application/x-www-form-urlencoded
Authorization:
OAuth oauth_consumer_key="your_consumer_key",
oauth_nonce="random_string_or_timestamp",
oauth_signature="your_consumer_secret&",
oauth_signature_method="PLAINTEXT",
oauth_timestamp="current_timestamp",
oauth_callback="your_callback"
User-Agent: some_user_agent
How can i make a get request with javascript and fetch and include those headers? My code right now seems fine to a beginner like me, but it wont get approved by discogs oauth endpoint:
const header = new Headers({
'Content-Type': 'application/x-www-form-urlencoded',
'Accept': 'application/vnd.discogs.v2.plaintext+json',
Authorization: {
'OAuth oauth_consumer_key': config.consumerKey, //imported from json
'oauth_nonce': nonce, //variable
'oauth_signature': config.consumerSecret, // imported from json
'oauth_signature_method': "PLAINTEXT",
'oauth_timestamp': timestamp, // variable
'oauth_callback': callback // variable
},
'User-Agent': config.appUserAgent
})
console.log(header)
const response = await fetch(https://api.discogs.com/oauth/request_token, {
method: 'GET',
headers: header
});
console.log(response)
The console log of headers and response logs this:
{
"map": {
"content-type": "application/x-www-form-urlencoded",
"accept": "application/vnd.discogs.v2.plaintext+json",
"authorization": "[object Object]",
"user-agent": "Jukebox/1.0"
}
}
{"_bodyBlob": {"_data": {"__collector": [Object], "blobId": "F020B207-2E76-46C8-AD23-783A582B873D", "name": "request_token.json", "offset": 0, "size": 90, "type": "application/json"}}, "_bodyInit": {"_data": {"__collector": [Object], "blobId": "F020B207-2E76-46C8-AD23-783A582B873D", "name": "request_token.json", "offset": 0, "size": 90, "type": "application/json"}}, "bodyUsed": false, "headers": {"map": {"access-control-allow-headers": "Content-Type, authorization, User-Agent, Private-Auth-Secret, Discogs-UID", "access-control-allow-methods": "HEAD,OPTIONS,OPTIONS", "access-control-allow-origin": "*", "access-control-expose-headers": "Location", "alt-svc": "h3=\":443\"; ma=86400, h3-29=\":443\"; ma=86400", "cf-cache-status": "DYNAMIC", "cf-ray": "79c05b750af01608-DUS", "content-language": "de", "content-length": "90", "content-type": "application/json", "date": "Sun, 19 Feb 2023 16:25:13 GMT", "server": "cloudflare", "strict-transport-security": "max-age=15552000", "x-content-type-options": "nosniff", "x-discogs-media-type": "discogs.v2", "x-discogs-ratelimit": "60", "x-discogs-ratelimit-remaining": "60", "x-discogs-ratelimit-used": "0", "x-frame-options": "SAMEORIGIN", "x-xss-protection": "1; mode=block"}}, "ok": false, "status": 500, "statusText": "", "type": "default", "url": "https://api.discogs.com/oauth/request_token"}

It looks like the Authorization header is not being set correctly in your request. Instead of setting it as an object, you need to set it as a single string that includes all the OAuth parameters.
Here's an example of how you can construct the Authorization header:
const oauthParams = {
oauth_consumer_key: config.consumerKey,
oauth_nonce: nonce,
oauth_signature: `${config.consumerSecret}&`,
oauth_signature_method: 'PLAINTEXT',
oauth_timestamp: timestamp,
oauth_callback: callback,
};
const authHeader = Object.entries(oauthParams)
.map(([key, value]) => `${encodeURIComponent(key)}="${encodeURIComponent(value)}"`)
.join(', ');
const headers = new Headers({
'Content-Type': 'application/x-www-form-urlencoded',
'Accept': 'application/vnd.discogs.v2.plaintext+json',
'Authorization': `OAuth ${authHeader}`,
'User-Agent': config.appUserAgent,
});
const response = await fetch('https://api.discogs.com/oauth/request_token', {
method: 'GET',
headers,
});
const data = await response.json();
console.log(data);
In this example, oauthParams is an object that holds all the OAuth parameters that need to be included in the Authorization header. The authHeader variable is constructed by encoding each key-value pair as a string in the format key="value", and joining them with commas. Finally, the Authorization header is set to "OAuth " + authHeader.
Note that the OAuth parameters must be sorted in alphabetical order by key before being encoded and included in the Authorization header.

How to handle sign up a user error while using Firebase REST API

I've been trying to sign up a user using Firebase Rest API using Node & Axios HTTP library.
I'm able to create a new user with email and password.
But when email already exists in the database or password is less than 6 characters, it doesn't show the proper errors.
It just returns Request failed with status code 400
Here is my code.
const config =
{
headers:
{
'Content-Type': 'application/json',
},
};
data = {
'email': "test#test.com",
'password': "password123",
'returnSecureToken': true
}
try
{
let signup = await axios.post('https://identitytoolkit.googleapis.com/v1/accounts:signUp?key=API_KEY',data,config)
res.json(signup.data);
}
catch(err)
{
res.json(err);
}
Error I get.
{
"message": "Request failed with status code 400",
"name": "Error",
"stack": "Error: Request failed with status code 400\n at createError (/Users/user/NodeJS/FirebaseAuth/node_modules/axios/lib/core/createError.js:16:15)\n at settle (/Users/user/NodeJS/FirebaseAuth/node_modules/axios/lib/core/settle.js:17:12)\n at IncomingMessage.handleStreamEnd (/Users/user/NodeJS/FirebaseAuth/node_modules/axios/lib/adapters/http.js:244:11)\n at IncomingMessage.emit (events.js:327:22)\n at endReadableNT (_stream_readable.js:1224:12)\n at processTicksAndRejections (internal/process/task_queues.js:84:21)",
"config": {
"url": "https://identitytoolkit.googleapis.com/v1/accounts:signUp?key=API_KEY",
"method": "post",
"data": "{\"email\":\"test#test.com\",\"password\":\"password123\",\"returnSecureToken\":true}",
"headers": {
"Accept": "application/json, text/plain, */*",
"Content-Type": "application/json",
"User-Agent": "axios/0.21.0",
"Content-Length": 75
},
"transformRequest": [
null
],
"transformResponse": [
null
],
"timeout": 0,
"xsrfCookieName": "XSRF-TOKEN",
"xsrfHeaderName": "X-XSRF-TOKEN",
"maxContentLength": -1,
"maxBodyLength": -1
}
}
Expected error here is : Email already exists. But it doesn't return this error.
What could be the issue here ?
Thanks!

By default firebase doesn't return response in the error body but it can be extracted with.
console.log(err.response.data.error);
This is not mentioned in the official firebase docs.

NodeJS - Send JSON object parameters with node-fetch

I'm trying to create a webhook via the GitHub API. The docs say that I need to provide a config parameter, which should be an object, but I'm not sure how I can send a JSON in the URL parameters. Here's what I've tried:
fetch(`https://api.github.com/repos/${repo.full_name}/hooks?config={"url": "https://webhooks.example.com", "content_type": "json"}`, {
method: "POST",
headers: {
Accept: "application/vnd.github.v3+json",
Authorization: `token ${account.accessToken}`
}
});
and
fetch(`https://api.github.com/repos/${repo.full_name}/hooks?config.url=https://webhooks.example.com&config.content_type=json`, {
method: "POST",
headers: {
Accept: "application/vnd.github.v3+json",
Authorization: `token ${account.accessToken}`
}
});
They both result in the following error:
{
"message": "Validation Failed",
"errors": [
{
"resource": "Hook",
"code": "custom",
"message": "Config must contain URL for webhooks"
}
],
"documentation_url": "https://developer.github.com/v3/repos/hooks/#create-a-hook"
}
How do I properly send a JSON object? I'm looking for a solution using node-fetch

When you are doing a post request, it's implied that there will be a payload and the lib you are using will be expecting a body property containing your payload.
So just add
fetch('https://api.github.com/repos/${repo.full_name}/hooks', {
method: "POST",
headers: {
Accept: "application/vnd.github.v3+json",
Authorization: `token ${account.accessToken}`
},
body:JSON.stringify(yourJSON) //here this is how you send your datas
});
And node-fetch will send your body with your request.
If you want more details on that i'll expand my answer
https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods here for a quick description of different http request type (verb)

Draftable.com API giving truncated response when passed a JSON in Google App Script

I am trying to call an API from draftable.com (https://api.draftable.com/v1/comparisons) using Google App Script. The API takes two files and returns a string. I have made the GET and DELETE functions which are working fine, but when I run a POST function I am getting an error at the
UrlFetchApp.fetch("URL",object);
Error: Request failed for https://api.draftable.com/v1/comparisons
returned code 400. Truncated server response: {"left":["This field is
required."],"right":["This field is required."]}
I am passing a JSON like the code below:
function POST() {
var options = {
"method": "POST",
"headers": {
"Content-Type": "multipart/form-data",
"Accept": "application/json",
"Authorization": "Token {iputmytokenhere}",
},
"left": {
"source_url": "https://api.draftable.com/static/test-documents/paper/left.pdf",
"display_name": "old-example.docx",
"file_type": "pdf"
},
"right": {
"source_url": "https://api.draftable.com/static/test-documents/paper/right.pdf",
"display_name": "newer-example.docx",
"file_type": "pdf"
}
};
var result = UrlFetchApp.fetch("https://api.draftable.com/v1/comparisons", options);
var params = JSON.parse(result.getContentText());
Logger.log(params.identifier);
}
}
Can anyone tell me why is the error coming.

Sendgrid integration with SAPUI5 app returns '400 Bad Request' on POST but works on Postman

I'm developing a cordova hybrid app that utilizes UI5 library. I need to be able to send as Email from the app so I decided to use Sendgrid API and, since I had issues with the NodeJS module, I'm creating an AJAX request. I've previously tested the request with Postman, being able to successfully send emails. But, as I tried to do the same request from the app, I've stumbled upon a status '400 Bad Request' without further information. Here goes the code snippet:
var settings = {
"async": true,
"crossDomain": true,
"url": "https://api.sendgrid.com/v3/mail/send",
"method": "POST",
"headers": {
"Content-Type": "application/json",
"Authorization": "Bearer [REDACTED]",
"cache-control": "no-cache"
},
"processData": false,
"data": {
"personalizations": [
{
"to": [
{
"email": "myemail#gmail.com"
}
],
"subject": "Contato do app"
}
],
"from": {
"email": "anotheremail#gmail.com"
},
"content": [
{
"type": "text/plain",
"value": formatEmail //variable with the email text
}
]
}
}
$.ajax(settings).then(
function success(response, status) {
dialog.close();
if (status == 202){
MessageBox.confirm('Mensagem enviada com sucesso', {
actions: [sap.m.MessageBox.Action.OK],
onClose: function(sAction){
that.onNavBack()
}
});
} else {
MessageBox.error('Erro!');
}
},
function fail(data, status){
dialog.close();
MessageBox.error('Request failed. Returned status of ' + status + ' DEBUGDATA: ' + JSON.stringify(data));
}
);
I really can't figure out the reason as to why this happens because the snippet generated by Postman is very similar to my code. Any help would be highly appreciated!
Thanks in advance

usually HTTP 400 means bad request and it means that you're passing the wrong parameters to the HTTP POST request.