Как вытащить access_token VK с помощью Vue+Vuex?

Question

[EgorKorol]

Я знаю как обработать адресную строку, но не могу понять как получить ее состояние.
Другими словами: в какой момент применять функции?
При клике в адресной будет еще старый URL ...
Никакие хуки не подходят.

Answer 1

[Александр Аксентьев]

а причем здесь фронт, если токены с помощью бекенда надо получать?

Comments

[EgorKorol]

Задача: вытащить токен и отправить его на бэкенд, чтобы тот в свою очередь отправил JWT, а потом сохранить его в LocalStorage

[Александр Аксентьев]

EgorKorol, ну так его с бекенда получать надо.
фронт вообще здесь не нужен.

1. юзер нажимает кнопку авторизация ВК
2. у него открывается окно разрешить или нет
3. разрешает - его редирект на ссылку которую укажете в которой будет передан временный код с помощью которого надо сделать запрос с бекенда(!) к ВК и получить access token.
4. профит

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

[EgorKorol]

Александр Аксентьев, так то оно так. Это есть серверная авторизация, при которой сервер получит токен приложения ВК. А тут как раз задача токены пользователей сохранять :)
Вот и ломаю голову как отловить токен в адресной строке.

[Александр Аксентьев]

EgorKorol, ну так чтоб его сохранить его надо для начала получить или где?

Какие токены сохранять-то надо если на access?

[EgorKorol]

Александр Аксентьев, после нажатия кнопки "Войти", пользователя редиректит на "http://...oauth...", вк редиректит на указанный при запросе адрес и + посылает access_token, вот в этот момент нужно и обработать адресную строку :)

[Александр Аксентьев]

EgorKorol, есть речь про клиентскую авторизацию https://vk.com/dev/implicit_flow_user

То в чем проблема с получение хеша на фронте на той странице на которую вы указываете редирект?

https://www.w3schools.com/jsref/prop_loc_hash.asp

[EgorKorol]

Александр Аксентьев, а как этот момент отловить? Если повесить событие на @click, то в адресной строке еще не будет токена.

[Александр Аксентьев]

EgorKorol, причем здесь клик-то? Человек попадает на только что загруженную страницу и в адресной строке есть хеш с токеном.

Сразу при загрузке и читать хеш.
Откуда там клик должен взяться?

[Александр Аксентьев]

EgorKorol, там несколько редиректов происходит, контекст кучу раз меняется, человек всё это время не находится на одной странице вашего сайта в ожидании токена.

[EgorKorol]

Александр Аксентьев, да, проблема была в неправильном объявление во vue-router, редиректило нормально, но обработчика там не было. Спасибо большое за помощь!