0

estoy intentando pasar por cabecera un usuario y contraseña para la autentificacion, y que tengo que codificarlo a Base64:

    const httpOptions = {
  headers: new HttpHeaders({
    'Content-Type': 'application/json',
    'Authorization': 'Basic ' + Buffer.from(`${environment.user}:${environment.pass}`).toString('base64')
  })

He probado con btoa() y atob() pero estan en desuso, y tambien con buffer como os muestro en el ejemplo pero no me funciona. Alguna sugerencia?

5
  • ¿Por qué dices que están en desuso?
    – Lobos
    el 31 ene. a las 15:46
  • no están en desuso, puedes usarlo con toda confianza html.spec.whatwg.org/multipage/webappapis.html#dom-btoa-dev
    – LPZadkiel
    el 31 ene. a las 15:47
  • const httpOptions = { headers: new HttpHeaders({ 'Content-Type': 'application/json', 'Authorization': 'Basic ' + btoa(${environment.user}:${environment.pass}) }) }; el 31 ene. a las 15:50
  • pruebalo con eso aver si te funciona el 31 ene. a las 15:52
  • La cosa es que la funcion btoa() me la tacha, por eso he imaginado que no se puede usar con Angular14. Como opcion en el mensaje me aparece Buffer.from()
    – Mikel
    el 31 ene. a las 17:04

1 respuesta 1

1

btoay atob no están obsoletos en los navegadores sino en node, como se explica en este issue, usar window.btoa debería funcionar sin que TypeScript arroje ningún error.

También es importante tener en cuenta 2 cosas:

  1. Buffer es un módulo de node, por lo tanto no existe en el navegador, en caso de que se quiera agregar se puede optar por una librería como buffer

  2. btoa según MDN espera que se pasen datos en binario, no en string, por lo que hay que transformar el string antes de usarlo, como se muestra en este ejemplo

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.