Using Promise for a function that is not called by JavaScript

Question

I am using Google Sign-In and have the following problem:

sessionStorage.getItem('userEntity') returns null when I close the browser and open it again. It does not return null if I just reload the page.

The session will be set in this function:

// Signing in
function onSignIn(googleUser) {
    var profile = googleUser.getBasicProfile();

    // Store the entity object in sessionStorage where it will be accessible from all pages
    let userEntity = {};
    userEntity.id = profile.getId();
    userEntity.name = profile.getName();
    userEntity.img = profile.getImageUrl();
    userEntity.email = profile.getImageUrl();
    sessionStorage.setItem('userEntity',JSON.stringify(userEntity));

    userIsLoggedOut.style.display = 'none';
    userIsLoggedIn.style.display = 'flex';
    document.querySelector('.user-img').setAttribute('src', userEntity.img);
}

I do not run this function in JavaScript. The following HTML will make it run:

<div class="g-signin2" data-onsuccess="onSignIn"></div>

Even if I put console.log(sessionStorage.getItem('userEntity')) after the function or on the bottom of my JavaScript, it still returns null.

I guess a solution would be using Promise but how can I use it if I don't run the function onSignIn() in JavaScript?

I think you should be using local storage if you want data to persist between browser restarts. This is explained in the documentation: developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage — Jake Holzinger
– Jake Holzinger, Commented Jul 1, 2019 at 23:00
Firstly, onSignIn is javascript, therefore it iis "run in javascript". But you're absolutely incorrect in thinking that Promises would help make "sessionStorage" persist over browser restarts, because, well, nothing will — Jaromanda X
– Jaromanda X, Commented Jul 1, 2019 at 23:04
As the comment from Jake said, you might want to use Local Storage instead of Session Storage. If you actually need Session Storage, are you sure the setItem method is being called? Have you debugged your onSignIn method? An easy way to debug it is just put debugger; in your javascript, and that should cause a breakpoint to be hit — Andrei Dvoynos
– Andrei Dvoynos, Commented Jul 1, 2019 at 23:05
@JakeHolzinger thank you! localStorage was definitely the solution! — Ray
– Ray, Commented Jul 1, 2019 at 23:08

mth khaled · Accepted Answer · 2019-07-01 23:11:27Z

1

The data stored in SessionStorage are deleted when you close the tab or the browser, more details below: https://www.w3schools.com/jsref/prop_win_sessionstorage.asp

You can use localStorage instead to keep the data in the browser even if you close the tab or the browser, so change the following line:

sessionStorage.setItem('userEntity',JSON.stringify(userEntity));

by

localStorage.setItem('userEntity',JSON.stringify(userEntity));

But you have to take care about the security of the informations stored in the localStorage, you can deal with secure cookies if you need to store secure data client side.

answered Jul 1, 2019 at 23:11

mth khaled

3434 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

lima_fil · Accepted Answer · 2019-07-01 23:11:39Z

1

You can copy item from sessionStorage to localStorage:

localStorage.setItem('userEntity', sessionStorage.getItem('userEntity'));

It will be persistent, so you can use it anytime:

localStorage.getItem('userEntity');

answered Jul 1, 2019 at 23:11

lima_fil

1,7701 gold badge28 silver badges34 bronze badges

Collectives™ on Stack Overflow

Using Promise for a function that is not called by JavaScript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related