Как организовать взаимодействие React с Фронтендом?

Question

[Shenter]

Суть в том, что пользователь заходит на сайт, вводит код-приглашение. Для его идентификации пишется id в сессию и идет переадресация на React-страницу. На этой странице пользователь должен делать запросы с помощью api, с самим запросом проблем нет, но я никак не пойму, как React должен узнать, например, данные сессии, которые в него записались на предыдущей странице, чтобы получился запрос вида back.end/getInfo?user_id=xxx.
Была мысль после авторизации добавить в адрес фронтенда front.end/user/25/page, либо с помощью кук, но это слишком топорно и сулит дополнительные проблемы. Суть вопроса не в том, как передать данные из фронтенда в бэкенд, а наоборот, чтобы React знал id пользователя и формировал соответствующие запросы.

Answer 1

[Александр Черемхин]

получился запрос вида back.end/getInfo?user_id=xxx.

Это не правильная и небезопасная идея, отсюда и странный вопрос

Суть вопроса не в том, как передать данные из фронтенда в бэкенд, а наоборот, чтобы React знал id пользователя и формировал соответствующие запросы.

Для его идентификации пишется id в сессию и идет переадресация на React-страницу. Н

Эта фраза скорее всего означает, что сервер установил сессионную куку и вы не можете получить к ней доступ из js по соображениям безопасности. Это также означает, что при пере адресации на React-страницу сервер может считать куки, а значит и понять id пользователя. Таким образом, Вам не надо передавать id в url для идентификации, оставьте эту работу для сервера.

Comments

[Shenter]

Тогда я не пойму другого. Два пользователя одновременно зашли на эту страницу, ввели код и заполнили свои данные. На каждого из них создались записи в БД, и они оба обновили страницу и как мне понять, кто из них кто? Меня интересует механизм передачи данных из Фронтенда в бэкенд, чтобы бэкенд понял, кто есть кто.

Таким образом, Вам не надо передавать id в url для идентификации, оставьте эту работу для сервера.

АПИ сервера, в данном случае Laravel, специально не работает с сессиями и куками для безопасности, и я не приложу ума, как Апи должен понять, чьи данные он должен выдавать по запросу

[Михаил]

Shenter, cookie + session или jwt

[Александр Черемхин]

Shenter,

На каждого из них создались записи в БД, и они оба обновили страницу и как мне понять, кто из них кто?

Вы не понимаете как куки работают. Очень грубо - это работает примерно так.
Куки это файл хранящийся на стороне пользователя. Куки генерирует и отправляет в браузер сервер. В сессионном куки содержится номер сессии. При каждом обращению к серверу браузер автоматически, вместе с запросом отправляет куки - каждый пользователь отправляет свой файл. Сервер может просматривать сессионный куки, считывает номер сессии и ищет запись с базе, с этим номером. Таким образом, сервер точно знает с какой пользователь прислал запрос.

В сети куча информации. Вместо бессмысленного кодирования и странных вопросов здесь, найдите время и почитайте. Ваша квалификация от этого только вырастит.

[Shenter]

Александр Черемхин, Вначале я так и подумал - записать в куки сессию, параллельно внести в БД соответствие пользователя этой куке, но дело в том, что Laravel шифрует свои куки, и доступа с браузера к её значению у меня нет. Стандартные средства регистрации Laravel не используется, т.к. тут вход по числовому коду, а не логину-паролю.
Сейчас:
-проверяется числовой код, если он верен, пользователь вводит свои данные
-Данные вносятся в БД и идет перенаправление на react-страницу. В этот момент мне нужно передать id вставленной строки на react-бэкенд, для безопасности в неявном виде, как Вы сказали. Но клиент не знает про сессии, а бэкенд не знает про локальное хранилище, с куками пока что ничего не получилось.

почитайте. Ваша квалификация от этого только вырастит.

Пока что сделал так - после регистрации клиенту пишется рандомный session('EncryptedSecretCode'), параллельно внося в БД, в реакт-странице

<script>
const user_id= <?php 
//выбор пользователя на основе session('EncryptedSecretCode');
echo $user_id; 
?>
</script>

Получаю нужную мне переменную.
P.S.
Это небезопасно, т.к. любой может подменить свой id. Поэтому все запросы JS выполняет с помощью кода из сессии

<script>
const api_id= <?php 
echo session('secretcode'); 
?>
</script>