Breaking News: Grepper is joining You.com. Read the official announcement!

React, Next Login and set Token

Readul Ahmed answered on April 29, 2023 Popularity 3/10 Helpfulness 1/10

answer React, Next Login and set Token

related react/next verify auth token

React, Next Login and set Token

Comment

export const loginUser = (credentials) => {
    return (dispatch) => {
      return fetch("http://localhost:3000/login", {
        method: "POST",
        headers: {
          Accept: "application/json",
          "Content-Type": "application/json",
        },
        body: JSON.stringify({ user: credentials }),
      }).then((res) => {
        if (res.ok) {
          setToken(res.headers.get("Authorization"));
          return res
            .json()
            .then((userJson) =>
              dispatch({ type: AUTHENTICATED, payload: userJson })
            );
        } else {
          return res.json().then((errors) => {
            dispatch({ type: NOT_AUTHENTICATED });
            return Promise.reject(errors);
          });
        }
      });
   };
};


export const logoutUser = () => {
    return (dispatch) => {
        return fetch("http://localhost:3000/logout", {
            method: "DELETE",
            headers: {
                Accept: "application/json",
                "Content-Type": "application/json",
                Authorization: getToken(),
            },
        }).then((res) => {
            deleteToken()
            if (res.ok) {
                return res.json()
                .then(() => dispatch({ type: NOT_AUTHENTICATED }))
            } else {
                return res.json().then((errors) => {
                    dispatch({ type: NOT_AUTHENTICATED })
                    return Promise.reject(errors)
                })
            }
        })
    }
}

export const checkAuth = () => {
    return (dispatch) => {
      return fetch("http://localhost:3000/current_user", {
        headers: {
          Accept: "application/json",
          "Content-Type": "application/json",
          Authorization: getToken()
        }
      }).then((res) => {
        if (res.ok) {
          return res
          .json()
          .then(user => {         
          user.data ? dispatch({type: AUTHENTICATED, payload: user}) : dispatch({type: NOT_AUTHENTICATED})})
        } else {
          return Promise.reject(dispatch({type: NOT_AUTHENTICATED})) 
        }
     });
   };
};

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript next set token

Link to this answer
Share Copy Link

Contributed on Apr 29 2023

Readul Ahmed

0 Answers Avg Quality 2/10

Closely Related Answers

react/next verify auth token

Comment

import { NextRequest } from "next/server";
import React from "react";
import { isExpired, decodeToken } from "react-jwt";
import Cookies from 'js-cookie'

const IsAuth = async (request) => {
  let token = request.cookies.get("token");
  const myDecodedToken = decodeToken(token?.value);
  const isMyTokenExpired = isExpired(token?.value);
  // console.log("first________________",isMyTokenExpired)
  if (myDecodedToken != null && !isMyTokenExpired) {
    return true;
  }
  Cookies.remove('token')
  return false;


};

export { IsAuth };

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript auth-token verify

Link to this answer
Share Copy Link

Contributed on Feb 06 2024

Readul Ahmed

0 Answers Avg Quality 2/10

React, Next Login and set Token

Contents

More Related Answers

React, Next Login and set Token

Closely Related Answers

react/next verify auth token

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.