Куда вынести логику авторизации?

Question

[Geckyhit]

Добрый день, надеюсь мне знающие люди ответят. Вообщем смотрите, проект react+redux и есть некая логика авторизации (проверяем куки на токен, отправляем его на сервер и получаем данные пользователя) и кладем их в стор(взависимости от этого сильно меняется UI компонентов). Куда лучше запихнуть эту логику? думал 1. Сделать некий модуль init, который выполняет эту логику и напрямую диспатчит в стор 2. Запихнуть в миддлваре, но какой смысл, если логика выполняется всего один раз, т.е перед запуском 3. Ваш вариант??? заранее спасибо за внимание

Comments

[Роман Александрович]

почему просто не вынести в action?

[Geckyhit]

Роман Александрович, ну да, логично что это будет в action, я про то, кто будет диспатчить его? т.е где будет логика получение токена, отправки на сервер.

[Роман Александрович]

Geckyhit, вы пишете action и в нем же делаете запрос на сервер и в нем же диспачите все что вам надо в стор.

[Geckyhit]

Роман Александрович, Извини, но ты кажется вообще не внимательно читаешь, что я пишу)

[Роман Александрович]

Geckyhit, пользователь заходит на страницу авторизации. В этот момент у него нет токена. Вводит логин и пасс затем жмет кнопку авторизоваться. По кнопке дергаем action в котором вся логика. Вроде бы так должно работать.

[Geckyhit]

Роман Александрович, не совсем, я говорил про кейс, когда уже есть токен в куки и нужно его отправить на сервер и получит данные пользователя. Т.е суть вопроса в том, где вызывать эту логику для инициализации. Можешь посмотреть ниже, что ответил Антон, примерно это я и хотел услышать. Извиняюсь, за не точно составленный вопрос.

[Роман Александрович]

Geckyhit, да если токен уже есть то есть смысл вызывать метод проверки сразу после инициализации стора.

Answer 1

[Антон Спирин]

Например так:

import React from 'react';
import { render } from 'react-dom';
import configureStore from './store';

const store = configureStore();

store.dispatch(init());

render(
  <Provider store={store}>
    <Router>
      <App />
    </Router>
  </Provider>,
  document.getElementById('root')
);

Comments

[Geckyhit]

Примерно так и думал сделать, но все-таки кажется, что какой-то фундаментальный принцип нарушаю)

[Антон Спирин]

Geckyhit, не. Это норма. Вне точки входа store напрямую уже лучше не использовать. Да и кейсов на самом деле для этого нет.