VK Mini apps и access_token, откуда теперь брать?

Question

[Сергей]

Ранее в приложениях для сообществ, передавали access_token для некоторых запросов к api.
Сейчас в связи с миграцией в VK Mini apps возник вопрос, возможно кто то знает, каким образом теперь его получить, чтобы обращаться к api?

Answer 1

[Сергей Соколов]

См. документацию VK mini apps.
Взаимодействие осуществляется через библиотеку VK Connect (исходник). Для авторизации пользователя:

connect.send("VKWebAppGetAuthToken", {"app_id": 6396978, "scope": "friends,status"});

Если пользователь разрешит доступ для приложения, генерируется событие VKWebAppAccessTokenReceived с единственным полем access_token (string), которое содержит ключ доступа пользователя.

Старые схемы получения токена по-прежнему можно использовать.

Comments

[Сергей]

Подключил React к странице

<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>

Как подключить VK Connect не подскажите? Везде в доках только для связки ReactJS+NodeJS описывается, а как просто на JS подключить и пользоваться API нет ни где.

[Сергей Соколов]

Сергей, по ссылке на "исходник" скачайте index.js и подключите локально. Или так

<script crossorigin src="https://raw.githubusercontent.com/VKCOM/vkui-connect/master/index.js"></script>

[Сергей]

Сергей Соколов, извиняюсь за назойливость :) , а пользоваться как? пробовал подключать как вы говорите <script src="site.ru/index.js"></script>
Но просмотрев исходник не нашел класса, через который обращаться к методам VK Connect

<script type="text/javascript">
		connect.send("VKWebAppGetAuthToken", {"app_id": 6396978, "scope": "friends,status"});
	</script>

так естественно выдает ошибку "connect is not defined"

[Сергей Соколов]

Сергей, а, он же module, просто так не получится включить. Надо через сборщик типа webpack.

[Сергей]

Сергей Соколов, ужас с этими mini apps) не могу понять как мигрировать из приложений для сообществ. Раньше ни когда не работал в React, а тут еще документация вся под Nodejs, а под PHP ничего нет.

А собирать в редакторах типа Phpstorm реально?

[Сергей Соколов]

Сергей, нет, тут весь адъ творится в JS )
Повторю, старые схемы авторизации тоже работают. Но для UI, который и для mobile и для web, без JS никак.

[Сергей Соколов]

костыльный способ, посмотрите исходник и замените в нём module.exports на window.connect
После этого глобальная переменная connect должна бы заработать, наверное.

[Сергей]

Сергей Соколов, по сути в приложении вообще использовался UI фреймворк, и приложение в целом работает на ПК, только проблема с вызовами подобия VK.callMethod

А так считаете лучше бывшее уже приложение для сообществ, а теперь mini apps , переписать на react?

[Сергей]

Сергей Соколов, и я если честно не совсем понимаю зачем в ПК версии vk.com нужен React, если по сути читая доки того же VK UI там все заточено именно под android и ios клиента VK.
Я может чего то не понимаю)

[Сергей Соколов]

Сергей, React не обязателен, его рекомендуют, под него есть поддерживаемая библиотека UI-компонентов в стиле ВК и платформ. Можно и на Vue.js, можно и как угодно ещё.
vk-connect простой, без зависимостей, самостоятельный модуль, который слушает события и отправляет события. Он не требует React'а.
Наверное, вам можно оставить большую часть кода, заменить только вызовы к VK.callMethod на методы vk-connect.

[Сергей]

Сергей Соколов, спасибо огромнейшее за помощь!) как вы и сказали заменил module.exports на window.connect и все получилось.
Заменил каллметоды на методы вкконект! Ну и смог запустить с оф приложения ВК, после добавления инициализации connect.send("VKWebAppInit", {});

Answer 2

[Xix micro]

Документация в помощь!)
События VK Connect, часть 2
ТУТ все расписано!
То что вам надо тут

connect.send("VKWebAppGetAuthToken", {"app_id": 6396978, "scope": "friends,status"});

VKWebAppGetAuthToken позволяет запросить права доступа у пользователя и получить ключ для работы с API.

Вроде как всё достаточно понятно !)
Даже новичку)

Comments

[Сергей]

Дело в том, что приложение было написано на связке HTML\JS\CSS + серверная PHP+NGINX
И ума не приложу, как теперь мигрировать это в VK mini apps, учитывая что вся дока на React+Nodejs
Например VK.callMethod("showGroupSettingsBox", 4096); в ПК версии Vk mini apps теперь уже не работает, и я не понимаю как теперь это делать))