Home / Questions / 109432
Accepted
Asney
Asked: 2020-10-14 12:23:08 +0800 CST 2020-10-14 12:23:08 +0800 CST

Authentication with jsowebtoken

  • 772

I have an application that backendworks with nodeJS, in it I control the authentication process well, I have the problem in frontend, I use token to authenticate and frontendI save it in the LocalStoragebrowser, but I don't know how to enter it in the headerand then in the backend get it in a middleware.

Thanks in advance... Salu2s

nodejs

1 Answers

  1. Best Answer

    According to the specification, the token must go in the header Authorization. In order not to make the process repetitive, you can make a utility function that prepares the requests:

    export const $http = (path, { method, query, body }) => {
  /* Accept y Content-Type solo son necesarios si vas a trabajar con una API basada en JSON */
  const headers = {
    Accept: 'application/json',
    'Content-Type': 'application/json',
    Authorization: `Bearer ${localStorage.getItem('token')}`,
  };

  /* URL construction */
  let _url = `<URL a tu endpoint>/${path}`;

  Object.keys(query || {}).forEach((key) => {
    _url += `${key}=${query[key]}&`;
  });

  /* Request payload */
  const requestBody = {
    method: method || 'GET',
    headers,
  };

  if (method === 'POST' || method === 'PUT') {
    requestBody.body = JSON.stringify(body);
  }

  return fetch(_url, requestBody);
};

    So you use it like this for example:

    export const create = async (data) => {
  const res = await $http('/users', {
    method: 'POST',
    body: data,
  });
  return res.json();
};

    Obviously instead of fetch you can use libraries like Axios . In the backend you just have to write a middleware for your server that gets the header Authorizationand checks if the token exists or is valid.

    • 1