Как авторизоваться и получить доступ к аудиозаписям ВК используя js + vk api?

Question

[Breathing]

Здравствуйте!
Есть десктопное приложение на html5 + js.
Можно-ли в нем провести авторизацию пользователя (implicit flow), и из него же получить доступ к его (пользователя) аудио, для дальнейшей загрузки и воспроизведения в аудиоплеере html5 ? Если да, то как ?
Готовое решение не нужно, только подскажите в какую сторону копать.
Спасибоо!

Comments

[Владлен Хеллсайт]

Было бы standlone приложение можно было использовать https://github.com/negezor/vk-io хоть можно токен вставить.

[Breathing]

Владлен Хеллсайт: а что представляет из себя standalone приложение?

[Alex XYZ]

А на чём именно работает ваше приложение html5+js? (nw.js, hta или что-то ещё?)

[Breathing]

Захаров Александр: chromium embedded framework

[Breathing]

Захаров Александр: такой вот стек: i.imgur.com/TMQ1t4S.png

[Alex XYZ]

Breathing: CefSharp??? Отличная штука! Я никогда не использовал Api VK, но если речь идёт о C#, то вот нашёлся такой пакет NuGET: https://vknet.github.io/vk/ Может получится сделать даже без Cef, только на C#?

[Breathing]

Захаров Александр: нет, шарпа там нет.
Приложение представляет из себя расширение для продуктов Adobe, которое встраивается в них, и изнутри работает через CEF + работа с api приложения (например, adobe illustrator) через csinterface + jsx

p.s. я не разработчик ни разу, поэтому могу что-то не понимать и неясно изъясняться, прошу простить.

[Breathing]

Захаров Александр:
так, сейчас у меня проблема вполне конкретная.
как вы поняли, в десктопное приложение встроен браузер вебкит, в котором и работает весь мой html+js
я отправляю этот мини-браузер по адресу https://oauth.vk.com/authorize (https://vk.com/dev/implicit_flow_user?f=1.1.%20Red..., получаю права доступа, и он редиректит меня на redirect_uri (который для десктопных приложений - https://oauth.vk.com/blank.html), на конце он привязывает токен - мол, забирай
а что дальше-то ? я не могу выцепить его, потому что браузер ушел от локального index.html на котором все скрипты вертятся к этому вот blank.html
тут даже статья есть, про это недоразумение https://habrahabr.ru/post/179953/
и здесь в комментариях https://habrahabr.ru/post/111430/

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

[Alex XYZ]

Breathing: Так у вас же есть доступ к встроенному браузеру после redirect? Можете повесить на него обработчик события окончания загрузки страницы? Если да, то выцепляете этот токен.

Answer 1

[Сергей]

https://vk.com/dev/Login
https://vk.com/dev/audio.get

ну и научить приложение хранить печеньки

Comments

[Breathing]

про хранение можно чуть подробнее ?
я не до конца понимаю как устроена технология работы с api, поэтому топчусь на месте

[Breathing]

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

[Сергей]

audio.get вернет в том числе url к mp3

[Сергей]

Breathing: авторизируешься через API например через стандартный виджет, получаешь ключ для запросов, отправляешь запросы в которые включен этот ключ... обрабатываешь даже наверное cookie не обязательно получать хранить отправлять

[riot26]

Breathing:
> методов для прямого доступа к аудиозаписи
https://vk.com/dev/audio.getById возвращает прямую ссылку на mp3

> я не до конца понимаю как устроена технология работы с api
дев: я вася пупкин, мой логин [phone], пароль йцукен
вк: да, и правда пасс подходит. надо чё -- вот те токен 12345, скажешь его и я поверю что ты вася пупкин, а твой id 123
дев: окей, запомню ка я это в куки, чтобы не потерять *пишет в куки* {user_id: 123, access_token: 12345}
дев: вк, дай мне список моих аудио, токен 11111
вк: токен херня
дев: вк, дай мне список моих аудио, токен *ищет в куках* 12345
вк: {список аудио с айдишниками, названиями, ссылками}
дев: *врубил Highway to Hell по ссылке* так-то.

Стоит ещё учесть, что ссылка на mp3 будет работать только с того IP, с которого был сделан запрос.

[Breathing]

riot26: спасибо за объяснение :)
сейчас у меня самая больша проблема - как начать пользоваться апиай ?
в документации про сторонние сайты и виджеты всё, про десктопные приложения ничего.
мне нужно создавать iframe и подключаться через js sdk ? или open api ? или как вообще ? ничего не понимаю :(

[Сергей]

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

[Petr Flaks]

Breathing: десктопное приложение - выбирайте тип standalone. Дальше по стандартной схеме авторизации для этого типа приложений.