Телеграмм чат группы sveltejs страница 8614

Ребят, во фронте совсем нуб, можете подсказать, как сделать грамотно авторизацию в sveltekit, а точнее, где в приложении хранить состояние авторизован/неавторизован, чтобы любой условный Nav-компонент сразу мог ререндерится, например, если юзер залогинился. На бэке я сделал выдачу куки с accessToken, кука сеттится после успешной аутентификации, а вот что дальше пока не понятно))

источник

21:19пожаловаться #4

b0rke5 in Svelte [svelt] - All about Svelte JavaScript framework.

да, просто writable очищается при закрытии браузера, нужно видимо использовать еще и localStorage

источник

21:21пожаловаться #5

Barefoot Gen in Svelte [svelt] - All about Svelte JavaScript framework.

или куки

источник

21:22пожаловаться #6

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.

а куку ты зачем ставил? она как бы не очищается при закрытии браузера)

источник

21:26пожаловаться #7

b0rke5 in Svelte [svelt] - All about Svelte JavaScript framework.

Куку использую, чтобы она была доступна для ssr, ну и чтобы при переоткрытии браузера юзер остался залогинен в системе. Такая была идея)

источник

21:30пожаловаться #8

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.

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

источник

21:30пожаловаться #9

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.

если у тебя SSR то данные для страницы должны быть заинлайнены в страницу, иначе ты ее никак не гидрируешь

источник

21:31пожаловаться #10

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.

а если они заинлайнены в страницу значит они доступны

источник

21:31пожаловаться #11

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.

соответственно их просто надо прочитать и не городить огород)

источник

21:32пожаловаться #12

b0rke5 in Svelte [svelt] - All about Svelte JavaScript framework.

Ок, хочу сделать тогда так) Читаю на клиенте при инициализации приложения куку, если она есть, то пишу в writable store, на который подписаны компоненты, которым это нужно. При переоткрытии браузера и наличии куки юзер останется ‘типа’ авторизован. Или это слишком костыльно?)

источник

22:06пожаловаться #13

Artemiy Suchkov in Svelte [svelt] - All about Svelte JavaScript framework.

Запросы просто закрыть авторизацией по кукам, в стор положить профиль и на буте аппа проверять статус сессии. При чувствительных запросах еще раз проверять статус сессии

источник

22:13пожаловаться #14

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.

авторизационная кука должна быть http only same site, ее нельзя будет прочитать из JS.

При SSR у тебя будут заинлайнены все данные нужные для страницы в сам хтмл типа <script type="application/json" id="page-data">{{ data }}</script> которые ты жсом достанешь const data = JSON.parse(document.getElementById('page-data').textContent); а потом достанешь оттуда data.user, data.authorized и тп и положишь куда хочешь, а еще сделаешь гидрацию

источник

22:14пожаловаться #15

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.

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

источник

22:18пожаловаться #16

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.

если тебя смущает что я тебе советую инлайнить что-то в хтмл руками, то попробуй без всякой авторизации отрендерить свелтом рандомное число на сервере, а затем оживить эту разметку на клиенте, чтобы там осталось тоже самое число)

у тебя просто не останется вариантов как делать

источник

22:23пожаловаться #17

Виктор in Svelte [svelt] - All about Svelte JavaScript framework.

Всем привет. Кто-нибудь знает, можно ли как-то по простому доставать данные вложенных сторов в компонентах?
К примеру

{$store.nested.$store}

- первый аргумент стор, который в себе содержит объект, в котором есть еще один стор
Я понимаю, что можно написать

$: nestedStore = $store.nested.store

и далее использовать

$nestedStore

, но вдруг есть вариант попроще
Если есть ишу с этим вопросом, буду благодарен за ссылку

источник

23:19пожаловаться #18

2021 November 10

b0rke5 in Svelte [svelt] - All about Svelte JavaScript framework.

Спасибо, завтра уже продолжу изыскания)

источник

00:06пожаловаться #19

Nightwelf in Svelte [svelt] - All about Svelte JavaScript framework.

всем привет! svelte готов для продакшена и подходит для реально больших приложений?

источник

14:24пожаловаться #20