Как я могу разработать систему входа в систему с помощью React?

Question

Я разработчик php, но мне нужно создать систему в React.js, но у меня есть несколько вопросов.В php, когда пользователь делает логин, он работает таким образом, используя веб-API:

Например Пользователь Доступ к странице входа в систему -> Сделайте запрос с логином иперейдите в php файл -> php получите запрос и отправьте логин и перейдите в web api -> web api, проверьте, действителен ли пользователь, и верните его в php -> Показать пользователю, если логин действителен

, если логин в порядке, создается сеанс, и пользователь перенаправляется на панель мониторинга.Как на изображении ниже

Но я не совсем понимаю насчет React, мне нужно использовать этот узел, чтобы работать как php?или просто Реакт?Мой веб-API находится в ASP.NET CORE.

Answer 1

Короткий ответ: вы можете использовать Node как PHP для аутентификации и использовать веб-токены JSON, аналогичные сеансам:

https://github.com/auth0/node-jsonwebtoken

Вот статья о защите React с помощьюJWT:

https://medium.com/@rajaraodv/securing-react-redux-apps-with-jwt-tokens-fcfe81356ea0

Редактировать:

Другой вариант - защитить паролем обслуживание вашего приложения React:

<?php if(user_is_authenticated){ ?>

<script src="/static/js/your_application.js></script>
<div id="root"></div>

<?php } ?>

Вы бы тогдахотите использовать сеанс или JWT для защиты вызовов API.