Я пишу простой проект, и мне нужно использовать JWT для аутентификации. Я создал регистрационную форму и авторизовался на странице, которая дает полномочия пользователю и сохраняет его в localStorage.
После того, как пользователь войдет в свою учетную запись:
`
$("#btnLogin").click(function(){
var loginReq = {
email: $("#inputEmail").val(),
password: $("#inputPassword").val()
};
$.ajax({
url:"http://localhost:8080/public/signin",
type:"POST",
contentType: "application/json",
data: JSON.stringify(loginReq),
success:function(data){
localStorage.setItem("authorityToken",data);
alert("Welcome");
window.location.replace("file:///C:/pathtoMyProject/HTML_CSS/Main/main.html");
},
error: function(error){
alert("error");
}
});
});`
он попадает на главную страницу. Я бы хотел, чтобы на главной странице была функция проверки токена: если у localStorage есть JWT, и он действителен, тогда предоставьте доступ к веб-сайту. Если нет - перенаправьте для входа в систему. Я бы хотел, чтобы main не открывался и перенаправлял всегда, если у клиента нет JWT.
Это правильный способ сделать? Если да, не могли бы вы помочь мне написать правильную функцию, если нет, скажите, пожалуйста, другой способ сделать это (я использую Java и SpringBoot для моего бэкэнда). Спасибо!