Bom, creio que montar um exemplo demandaria muito tempo, mas eu já fiz algo assim e posso te ajudar com a lógica.
Primeiro você precisa de qualquer forma de uma linguagem de servidor, no caso do PHP você terá que usar o .htaccess. Com ele você tem que criar uma regra que redirecione todas as URL's para o arquivo principal, pois se o usuário atualizar a página ou entrar com a URL manualmente, não sera considerado um pushState
, por tanto vai redirecionar.
Depois disso você tem que criar uma função que leia a URL normalmento com os atributos de document.location
. Essa função deve ler a URL e será responsável por executar cada ação referente a URL, como abrir um modal por exemplo.
Depois de criada a função, ela deve ser executada no carregamento da página e em cada troca de URL por pushState
, para isso você pode chamar ela nos eventos window.onload
e window.onpopstate
.
Observação:
1 - Se o comportamento for melhor, você pode executar a chamada da função assim que o DOM estiver pronto ao envés de carregado.
2 - O pushState
ao qual me referia é a função para alterar o URL se redirecionar a página.`
A lógica que usei foi essa.