Você pode armazenar esta informação no Cliente, seja através de Cookies, localStorage, sessionStorage ou IndexedDB.
Levando em consideração, que ao armazenar em um cookie esta informação irá trafegar entre o cliente e o seu servidor em cada request, assim gerando um trafego adicional de uma informação que possivelmente não será utilizada no servidor, al´m da questão que um cookie possui data de expiração, então eu diria que Cookies não são uma boa ideia para o seu cenário.
Por um outro lado, IndexedDB
lhe fornece uma estrutura grande demais para este problema, seria como matar uma formiga com uma bomba de fusão nuclear.
Então você pode usar localStorage
ou sessionStorage
, porém o sessionStorage irá desaparecer assim que a aba ou o browser for fechado, então se quiser que está informação permaneça até o fim dos tempos (ou o usuario limpar o Storage), deverá escolher pelo localStorage.
lembrando que o localStorage
uma chave e um valor, ambos como string
, se precisar armazenar um objeto, deverá fazer uso do JSON.parse
e do JSON.stringify
.
var json = localStorage.getItem("dados de acesso");
var dados = {};
if (!json) {
dados = { primeiroAcesso: true };
} else {
dados = JSON.parse(json);
}
console.log(dados);
if (dados.primeiroAcesso) {
/* Abra o seu dialog */
dados.primeiroAcesso = false;
localStorage.setItem("dados de acesso", JSON.stringify(dados));
}
console.log(dados);
Como o Snippet
roda sandbox
, não é possível usar o localStorage no mesmo, então o exemplo acima não vai funcionar, porém você pode abri-lo no JSFiddle