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

Helper Class Code (Vue & Laravel)

YellowSnowman85 answered on June 9, 2022 Popularity 3/10 Helpfulness 1/10

answer Helper Class Code (Vue & Laravel)

Helper Class Code (Vue & Laravel)

Comment

AppStroage.js

class AppStroage{

    storeToken(token) {
        localStorage.setItem('token', token);
    }

    storeUser(user){
        localStorage.setItem('user', user)
    }

    store(token,user){
        this.storeToken(token)
        this.storeUser(user)
    }

    getToken(){
        localStorage.getItem('token')
    }

    getUser(){
        localStorage.getItem('user')
    }

    clear(){
        localStorage.removeItem('token')
        localStorage.removeItem('user')
    }

}

export default AppStroage = new AppStroage();


Token.js

class Token{

    isValid(token){
        const payload = this.payload(token);
        if(payload){
            return payload.iss == "http://localhost:8000/api/auth/login" || "http://localhost:8000/api/auth/register" ? true : false;
        }
        return false;
    }

    payload(token){
        const payload = token.split('.')[1];
        return this.decode(payload)
    }

    decode(payload){
        console.log(payload);
        return JSON.parse(atob(payload));
    }
}

export default Token = new Token();


App.js

import AppStroage from "./AppStroage"
import Token from "./Token"

class User {
    responseAfterLogin(res) {
        const access_token = res.data.access_token
        const username = res.data.name
        console.log(username)

        console.log(access_token)
        if (Token.isValid(access_token)) {
            AppStroage.store(access_token, username);
        }
    }

    hasToken() {
        const storeToken = localStorage.getItem("token");
        if (storeToken) {
            return Token.isValid(storeToken) ? true : false;
        }
        return false;
    }

    logedIn() {
        return this.hasToken();
    }

    logedOut() {
        AppStroage.clear();
        window.location = '/';
    }

    name() {
        if (this.logedIn) {
            return localStorage.getItem("user");
        }
    }

    id() {
        if (this.logedIn) {
            const payload = Token.payload(localStorage.getItem("token"));
            return payload.sub;
        }
    }
}
export default User = new User();

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: class helper javascript

Link to this answer
Share Copy Link

Contributed on Jun 09 2022

YellowSnowman85

0 Answers Avg Quality 2/10

Helper Class Code (Vue & Laravel)

Contents

More Related Answers

Helper Class Code (Vue & Laravel)

Grepper

Documentation

Social

Legal

Contact

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