Quick Start Tutorial is not working - An error occurred The requested redirect URL is not permitted.

[dinhbang]

Hello,

I have do connect API with https://developers.etsy.com/documentation/tutorials/quickstart But, It is not working.
My server.js file below:

`// Import the express and fetch libraries
const express = require('express');
const fetch = require("node-fetch");
const hbs = require("hbs");

// Create a new express application
const app = express();
app.set("view engine", "hbs");
app.set("views", ${process.cwd()}/views);

// Send a JSON response to a default get request
app.get('/ping', async (req, res) => {
const requestOptions = {
'method': 'GET',
'headers': {
'x-api-key': 'iibu5bcmzso6pXXXXXXX'',
},
};

const response = await fetch(
	'https://api.etsy.com/v3/application/openapi-ping',
	requestOptions
);

if (response.ok) {
	const data = await response.json();
	res.send(data);
} else {
	res.send("oops");
}

});

// This renders our index.hbs file.
app.get('/', async (req, res) => {
res.render("index");
});

/**
These variables contain your API Key, the state sent
in the initial authorization request, and the client verifier compliment
to the code_challenge sent with the initial authorization request
*/
const clientID = 'iibu5bcmzso6pXXXXXXX';
const clientVerifier = 'kWjT3PdpzuldTgbRuiiVpBgRWh0p4RSDUNzb0FjfjQE';
const redirectUri = 'http://localhost:3003/oauth/redirect';

app.get("/oauth/redirect", async (req, res) => {
// The req.query object has the query params that Etsy authentication sends
// to this route. The authorization code is in the code param
const authCode = req.query.code;
const tokenUrl = 'https://api.etsy.com/v3/public/oauth/token';
const requestOptions = {
method: 'POST',
body: JSON.stringify({
grant_type: 'authorization_code',
client_id: clientID,
redirect_uri: redirectUri,
code: authCode,
code_verifier: clientVerifier,
}),
headers: {
'Content-Type': 'application/json'
}
};

// Extract the access token from the response access_token data field
if (response.ok) {
	const tokenData = await response.json();
	res.redirect(`/welcome?access_token=${tokenData.access_token}`);
} else {
	res.send("oops");
}

});

app.get("/welcome", async (req, res) => {
// We passed the access token in via the querystring
const { access_token } = req.query;

// An Etsy access token includes your shop/user ID
// as a token prefix, so we can extract that too
const user_id = access_token.split('.')[0];

const requestOptions = {
	headers: {
		'x-api-key': clientID,
		// Scoped endpoints require a bearer token
		Authorization: `Bearer ${access_token}`,
	}
};

const response = await fetch(
	`https://api.etsy.com/v3/application/users/${user_id}`,
	requestOptions
);

if (response.ok) {
	const userData = await response.json();
	// Load the template with the first name as a template variable.
	res.render("welcome", {
		first_name: userData.first_name
	});
} else {
	res.send("oops");
}

});

// Start the server on port 3003
const port = 3003;
app.listen(port, () => {
console.log(Example app listening at http://localhost:${port});
});`
It can be show ping screen below:

The oauth URL is:

https://www.etsy.com/oauth/connect?response_type=code&redirect_uri=http://localhost:3003/oauth/redirect&scope=email_r&client_id=iibu5bcmzso6pXXXXXXX&state=0otd59&code_challenge=7P7iQmvHeKdIEBojI-wHiNNsUhUyNm6a-O82l211osI&code_challenge_method=S256

When I click to "Authenticate with Etsy". It is show error "

An error occurred
The requested redirect URL is not permitted.

[EnsarBatuhanAyd]

ı am taking exactly to same error with same process :/ any help?

[eschramm]

It could be that the redirect URI doesn't match the Callback URLs configured for your app and/or it requires HTTPS given it's OAuth.

[slider1234]

i posted this thread a while back to simplify the horrid tutorial. Try it out at #1208
Also, i agree with the last comment saying, "It could be that the redirect URI doesn't match the Callback URL". I made this same mistake at one point. The Etsy Developer tutorial just made it much more complicated than it needed to be.

[sdumper]

i have nev er had this problem in the past but i have a new authorized store as of 11/01/2024 and am getting the same bullshit response! so pissed. An error occurred
The requested redirect URL is not permitted.

note im not a noob at this i have 6 active stores! wtf etsy!!!

[Wilderbill]

I strongly recommend use if the Python script provide by slider1234 has noted above.

But, even with that I struggled for days with the inability to authorize certain scope combinations.
The cause of that problem was multiple overlapping instances as revealed by "Apps You Use".
( See the website: https://www.etsy.com/your/apps?ref=si_apps )
I had a half dozen active instances of my app as a result of my flailing attempts to get it working.
( Apparently, there can be multiple instances of your app with overlapping, conflicting scopes. )
The solution was to delete all of my instances and start again.
Set the scopes you want and run: https://github.com/slider1234/ETSY-API-Auto-Authenticator again.
( This does not require a repeat of the 3-week application process. )

[slider1234]

This is the updated version
#1236

it looks to be the same content I have at the GitHub link you shared as well