Implementando Authorization Code Grant

Paso un link que me sirvió para terminar de cerrar la idea.

OauthDocumentacionAuthorizationCode

Que genial clase
previamente realice aplicaciones con oauth en base a librerias y tu hiciste manualmente parte de lo que las librerias hacen en java usaba Spring security oauth y la verdad es muy engorrosa. yo voy a facebook obtengo el authorization token obtengo los datos del usuario y luego almacenos sus datos en mi base de datos para el registro y le genero el code y token de mi propio servidor ahora lo voy ha hacer manual y segun veo significara mucho pero mucho menos codigo.

¿Qué utilizas al importar los utils en el editor?
Veo que filtras y luego coges el path del archivo directamente sin tener que pensar dónde está si no solo sabiendo cómo se llama el archivo a importar.

Parece que querystring está deprecado. Esta sería una implementación con URLSearchParams:

import { URLSearchParams } from 'url';

...

app.get('/login', function (req, res) {
  const state = generateRandomString(16);

  const queryString = new URLSearchParams({ // 0.0
    response_type: 'code',
    client_id: config.spotify.clientId,
    scope: scopesArray.join(' '),
    redirect_uri: config.spotify.redirectUri,
    state,
  }).toString();

  res.cookie('auth_state', state, { httpOnly: true });
  res.redirect(`https://accounts.spotify.com/authorize?${queryString}`);
});

...

Gracias a este video pude implementar el login con facebook!. Hay pequeños cambios pero funciona bien. Dentro de poco estaré haciendo un post explicando los cambios.

Si a alguien le sale “illegal Scope”, remover “playlist-read-collaborate” del scopesArray.js y ejecutar de nuevo

En este link hay una explicación muy buena de lo que son los PKCE y un ejemplo muy claro:

Link

Para que se apoyen: https://developer.spotify.com/documentation/general/guides/authorization/code-flow/