Приложение AngularJs - несколько вкладок браузера

Question

Приложение AngularJs - несколько вкладок браузера

0

Я разрабатываю приложение в AngularJS, вот контекст:

Я использую OAuth2 и сохраняю токен в localStorage и в переменной
Каждый раз, когда токен почти истек, я обновляю токен в переменной, а затем обновляю токен локального хранилища

Я столкнулся с проблемой:

Если я открою новую вкладку браузера с тем же приложением (ctrl + клик по ссылке), приложение 2 обновит токен, и один из них будет деконструирован

Вот мой вопрос:

Каков наилучший способ обработки нескольких приложений angularjs в одном браузере, используя тот же токен локального хранилища?

Решением, которое я себе представлял, является создание уникального идентификатора при запуске приложения (текущая временная метка + случайное значение), и каждая вкладка идентифицируется с этим идентификатором. Проблема заключается в том, что у меня будет параллелизм на localStorage, если 2 приложения читают/записывают одновременно, они могут писать поверх данных, написанных другим.

Pierre Emmanuel Lallemant 28 нояб. 2015, в 15:27

Источник

Теги:

angularjs

html5

1 ответ

Ещё вопросы

Wout De Rooms · Answer 1 · 2015-11-28T12-43-00.000Z

1

Один из вариантов - не дождаться истечения срока действия маркера. Но случайное количество времени до его истечения (число, которое вы могли бы создать при запуске приложения, например).

Затем, когда одно из приложений достигает этой точки времени, он запрашивает новый токен с сервера и сохраняет его в localStorage (а также обновляет заголовок $ http или все, что вы используете).

Ваше приложение также должно прослушивать изменения в localStorage, например, эта вкладка будет уведомлена о наличии нового токена и должна обновить его переменную, а также заголовок $ http (или снова все, что вы используете).

убедитесь, что при выполнении вашей случайной функции вы убедитесь, что разница во времени значительна (не пара секунд), иначе вы все равно можете запросить 2 токена, потому что другая вкладка все еще ожидает ответа.

Wout De Rooms 28 нояб. 2015, в 12:43

0

Я написал «почти истек», к деталям я обновляюсь, когда достигаю 80% времени expired_time. Проблема не в генерации идентификатора, а в том, что если я сохраню в localStorage список текущих идентификаторов того же приложения, мне придется проанализировать переменную localStorage, которую я использую, затем добавить идентификатор, а затем сохранить его. В течение этого времени другая вкладка могла сделать то же самое, поэтому идентификатор первой вкладки будет удален (параллелизм). Настоящий pb - это параллелизм в localStorage.
Pierre Emmanuel Lallemant 28 нояб. 2015, в 14:09
0

Я не совсем уверен, зачем вам этот уникальный идентификатор (возможно, я скучаю по картинке). При использовании случайного смещения по времени от истечения срока действия нет необходимости хранить его в localStorage. Только фактическое время истечения, так что все ваши приложения могут рассчитать их смещение. (и сохраните это в переменной, а не в localStorage).
Wout De Rooms 28 нояб. 2015, в 14:12
0

Проблема в том, чтобы узнать, был ли токен обновлен. Если у нас есть только 1 заявка, это не проблема. Если у нас есть 2 приложения (открыто 2 вкладки), они оба обновляют переменную localStorage, которая содержит токен. Идентификация приложений с помощью идентификатора позволит узнать, обновила ли другая вкладка идентификатор. В текущем коде оба обновятся. То, что я хочу, это обновить токен, а другие нет, но может попробовать в 80% * expire_time обновить его снова.
Pierre Emmanuel Lallemant 28 нояб. 2015, в 14:25
0

С разным временем обновления ваших токенов (которое уникально для каждого приложения), когда вы слушаете изменения localStorage, другие вкладки будут уведомлены, если новый токен будет доступен в localStorage. Другие вкладки будут только «читать» этот токен. Какая из вкладок имеет наибольшее смещение ко времени истечения, сначала запросит новый токен, затем он обновит токен и время его истечения в localStorage. Другие вкладки будут уведомлены, обновят свой внутренний токен (переменный или что-то еще) и пересчитают время их истечения (на основе их уникального смещения).
Wout De Rooms 28 нояб. 2015, в 14:29
0

Это всегда будет вкладка с наибольшим смещением, которая отвечает за обновление токена в localStorage. Если эта вкладка закрывается перед обновлением токена, следующая автоматически возьмет на себя эту задачу. На других вкладках не нужно знать, кто будет отвечать за обновление токенов. Они просто предполагают, что обновят свой токен через x раз. Но как только одна вкладка обновит токен, все они будут уведомлены, и их токен будет обновлен по мере истечения срока действия.
Wout De Rooms 28 нояб. 2015, в 14:32
0

Это больше трюк, чем реальное решение. Нет гарантии отсутствия параллелизма. Например, если вы открываете 2 вкладки в ОДНО ЖЕ ВРЕМЕНИ, проблема параллелизма, если время истечения совпадает, и если вы рандомизируете момент, когда вы обновляете, вы можете иметь возможность обновлять 2 приложения одновременно.
Pierre Emmanuel Lallemant 28 нояб. 2015, в 14:33
0

Давайте продолжим эту дискуссию в чате .
Wout De Rooms 28 нояб. 2015, в 14:36

Показать ещё 5 комментариев