Как настроить смартфоны и ПК. Информационный портал

Как получить ВКонтакте Api ID? Подписка на новости.

Здравствуйте дорогие мои читатели блога. Сегодняшнюю статью я хотел бы посвятить получению Api id номера от ВКонтакте. Может кто то спросит, а зачем он вообще нам нужен и чем он полезен блогу?

План сегодняшней статьи не большой

Для чего нужен api id блогу?

Как его получить?

Для чего нужен api id Вконтакте блогу на WordPress.

Api id номер может понадобиться для социальных плагинов. Люди оставляя лайки и комментарии, через кнопки и виджеты вконтакте, должны связаться с сервером, чтобы VK.COM знал, на каком сайте оставляют комментарии или лайки его зарегистрированные пользователи.

Так же этот номер нужен, чтобы людям не требовалось вводить свои данные. Но основа этого номера- это работа социальных плагинов на сайте под управлением WordPress

Как его получить?

Вот и подошли к главному. Как же получить api id Вконтакте?

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

Адресом будет — http://mysite.ru

Базовый домен — mysite.ru

mysite — адрес вашего сайта



После подтверждения номера телефона вы попадёте на страницу с информацией о вашем приложении, нужно нажать вкладку настройки и попадаем на страницу, где и лежит наш api id ВКонтакте.


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

Подписывайтесь на обновления блога, чтобы не пропустить выход новых статей.

С уважением С.Васильев

Как его получить? Например, если вы пользуетесь ВКонтакте под Android, то это приложение есть у вас в списке ваших приложений , называется "Android". Откройте инструменты разработчика в вашем браузере, чтобы наблюдать выполняемые запросы, и нажмите «Настройки» напротив. POST-параметром aid передаётся как раз id приложения:

Другое дело, что во-первых, изменилась схема запроса - надо указывать больше параметров. А во-вторых разработчики ВК тоже читают Хабр, и давно прикрыли эту «дыру», позволяющую получить такой простой доступ к видеозаписям. То, как можно получить standalone токен для обычных приложений, для этого доверенного приложения не срабатывает.

Так что с идентификатором приложения разобрались, но доступа к видео это не даёт.

Что можно сделать

Зарегистрируйте собственное приложение ВК типа standalone . Якобы оно будет работать с вашего мобильника/автономного устройства. Только таким доступны методы получения прямых ссылок на видео.

Далее, если оно будет работать на вашем сервере, нужно авторизоваться ВКонтакте с IP именно этого сервера, т.к. токен привязывается к адресу и с других адресов будет требовать капчу, или просто не сработает. Чтобы так авторизоваться, понадобится SSH доступ к серверу, чтобы сделать через него "тоннель". На вашем компьютере наберите что-то вроде:

Ssh -f [email protected] -L 8888:127.0.0.1:8888 -N

где 11.22.33.44 - ip вашего сервера. Это «прокинет порт» 8888 с вашего компа через тот сервер. В браузере укажите порт прокси 8888. И теперь вы выходите в инет под ip адресом вашего сервера. Залогиньтесь во ВКонтакте и авторизуйте ваше созданное приложение по ссылке вида:

Https://oauth.vk.com/authorize?client_id=999999999&scope=video,offline&redirect_uri=https://oauth.vk.com/blank.html&display=mobile&v=5.34&response_type=token

где вместо 999999999 поставьте id вашего созданного приложения. Просто составьте эту ссылку, включив необходимы разрешения, и откройте её в браузере (через тоннель). Откроется страница входа в ВК, потом запрос разрешения. Когда подтвердите, вас перенаправит на ссылку вида https://oauth.vk.com/blank.html&token=xxx – вот этот токен вам и нужен. Скопируйте, сохраните в вашем приложении.

Обратите внимание на параметр expires в ссылке с token"ом. Если не забыли среди разрешений указать offline , то будет expires=0 , что означает бессрочный токен, который сможет прослужить вам хоть несколько лет. В противном случае токен сдохнет через час и придётся заново проделывать эту авторизацию.

Приложения групп - это кроссплатформенные приложения, которые запускаются со страницы групп ОК или из публикаций в ленте.
Пользователь может открыть приложение в полной версии сайта, в мобильной версии m.ok.ru и в мобильных приложениях ОК для iOS и Android.
С технической точки зрения, это HTML приложение, запускаемое в iframe на полной версии сайта, во WebView в мобильных приложениях или в отдельной вкладке мобильного браузера.

В процессе разработки своего приложения для групп вам понадобятся следующие руководства:

Регистрация приложения

Для добавления приложения на сайт ОК необходимо:

  1. Зарегистрироваться на портале ОК и привязать к своему аккаунту email – на этот email будут приходить письма, содержащие регистрационные данные приложений.
  2. Получить права разработчика по ссылке https://ok.ru/devaccess .
  3. После получения прав разработчика откройте раздел Игры и в левом меню выберите “Мои загруженные”. В списке нажмите Добавить приложение: https://ok.ru/dk?st.cmd=appEdit и нажмите кнопку Добавить платфому.
  4. Для регистрация приложения для групп укажите платформы: Web(HTML) , HTML(Mobile) и Приложение для групп . Укажите размеры приложения (они будут применяться для открытия на полной версии сайта).
  5. Указать официальную группу приложения и ID топика, в котором подробно рассказывается, как пользоваться и настроить приложение, рассматриваются популярные примеры использования.
  6. Указать специфичные для приложения групп параметры: кнопка запуска по-умолчанию, возможность открывать на отдельной странице, устанавливать по прямой ссылке и ограничить приложение только для модераторов групп.

Параметры запуска

Кроме перечисленных при запуске приложения со страницы группы, будут передаваться дополнительные параметры:

Параметр viewer_type (роль пользователя в группе) может иметь следующие строковые значения:

Используя параметр viewer_type вы можете определять роль пользователя, например, чтобы отображать специальный интерфейс для администраторов и модераторов группы.

Дополнительные параметры

Чтобы при запуске передать в приложение произвольные параметры, используйте при генерации ссылки query часть ссылки после символа?, укажите необходимые параметры.

Например,

https://ok.ru/group/1111111111111/app/77777777777?param1=545435345¶m2=HELLO

Данные после? будут переданы при запуске приложения в параметре custom_args .
Запуск приложения со своим кастомными параметрами может использоваться для запуска приложения из публикаций в ленте на конкретное состояние приложения. Например, на конкретный тест, анкету, услугу и т.д.

Отправка личных сообщений

Приложение может отправлять сообщения от имени сообщества, в котором оно установлено, используя Bot API .
Предлагаем такую схему работы:

  • Когда приложение будет запущено администратором группы (с viewer_type=ADMIN ), запросить право на отправку личных сообщений от имени группы. Используя Javascript SDK , вызвать виджет запроса пермиссии. Пример вызова:

OKSDK.Widgets.askGroupAppPermissions(‘GROUP_BOT_API_TOKEN’, return_url);

    Если администратор нажмет “Разрешить” , в API_callback (см. FAPI JS) или на return_url придет access_token для работы с BotAPI .
    Токен можно получить один раз и запомнить на стороне приложения, но администратор может в любой момент его инвалидировать через Настройки группы .

    У пользователя запросить разрешение на отправку сообщений от группы, используя Javascript SDK вызвать виджет запроса пермиссии.
    Пример вызова:

OKSDK.Widgets.askGroupAppPermissions(‘MESSAGES_FROM_GROUP’, return_url);

  • Использовать Bot API для отправки сообщений пользователям.
    Для посылки сообщения необходимо отправить POST запрос в формате JSON на url (используя access_token полученный на первом шаге):

https://api.ok.ru/graph/me/messages/chat:C3ecb9d02a600?access_token=TOKEN

{ "recipient" : { "user_ids" : [ "user:1111111111111" , "user:222222222222" , "user:3333333333333" ] }, "message" : { "text" : "Привет" } }
  • Отправка сообщения с фото
{ "recipient" : { "user_ids" : [ "user:1111111111111" , "user:222222222222" , "user:3333333333333" ] }, "message" : { "attachment" : { "type" : "image" , "payload" : { "url" : "https://st.mycdn.me/res/i/ok_logo.png" } } } }

В одном запросе можно передать максимум 100 получателей сообщения. В ответ придёт JSON массив true/false , кому получилось отправить сообщение.

Публикация постов в ленты пользователей и группу

Для публикации постов в ленты пользователей и группу (в том числе с блоком ссылки на игру с картинкой), предлагаем использовать виджет публикации из Javascript SDK :

OKSDK . Widgets . post ( return_url , { "attachment" : { "media" : [ { "type" : "text" , "text" : "Hello, world!" }, { "type" : "link" , "url" : "http://ok.ru/group/11111111111/app/22222222222?param1=AAAAAAAAAAA" , "imageUrl" : "http//yoursite.com/640x320.png" , "buttonKey" : "ANSWER" } ] }, "groupId" : 777777777777 } );
  • Для публикации поста в группу, естественно, приложение должно быть запущено от имени админа или модератора группы.
  • Если не передавать groupId, то пост опубликуется в ленту пользователя.
  • Размер картинки должен быть не меньше 640x320. Для лучшего отображения на всех платформах без обрезаний рекомендуем использовать горизонтальные картинки с пропорцией сторон 2:1 (идеально именно 640x320).
  • Для публикации используется аналогичный формат параметра attachment, как и в методе mediatopic.post .
  • Значения для параметра buttonKey: RUN, PLAY, OPEN, LINK, VIEW, READ, CALL, LISTEN, JOIN, WRITE, MORE, BUY, BUY_TICKET, FILL, CONTACT, ANSWER, PASS_TEST, ENROLL

Передача заголовка, описания и картинки при публикации ссылки

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

Заголовок блока ссылки составляется на основе тега: ,<br> описание - на основе тега: <meta name="desсription"> ,<br> картинка - на основе тега: <meta property="og:image" content="url"/> , либо из картинок, найденных в коде запрашиваемой страницы.</p><p>При отсутствии этих тегов или если страница вернула ошибку, веб-граббер возьмет заголовок и описание из метаданных приложения в ОК, а картинку предложит загрузить пользователю самостоятельно.</p><p>При запросе на сайт приложения за данными для блока ссылки, веб-граббер составит анонимный запрос без данных сессии и пользователя, передавая только следующие параметры:</p><p>При вызове добавляется параметр <i>grabber=1 </i>. По этому признаку можно определить, что запрос с веб-граббера и приложению не обязательно выдавать весь <i>html </i>, ограничившись лишь <i>title </i>, <i>description </i> и <i>image </i> в <i>head </i>-е кода страницы.</p><h2>Установка приложения с внешнего сайта по прямой ссылке</h2><p>Вы можете разместить на своем сайте кнопку для установки приложения в группы пользователя. Используйте ссылку такого вида:</p><p>https://ok.ru/appinstall/APP_ID</p><p>Здесь APP_ID - ID приложения.</p><p>Также рекомендуем использовать этот виджет установки приложения, в случаях, когда приложение было запущено без параметра group_id. Например, пользователь запустил его из списка приложений, а не из группы. В этом случае рисовать красивую заглушку и кнопку с ссылкой на этот виджет.</p><h2>Переход по внешней ссылке из приложения (открытие в браузере из мобильного приложения)</h2><p>Групповые приложения в наших Android/iOS мобильных приложениях открываются во WebView и визуально выглядят, как часть нашего приложения.<br> В большинстве приложений вызов каких-то страниц не во WebView, а в браузере - не понадобится.<br> Но иногда, например, когда приложение использует свой механизм оплаты - мы не разрешаем открывать внутри WebView такие страницы. Пользователь должен четко понимать, что он производит оплату не в Одноклассники, а напрямую в ваш сервис.</p><p>Такие страницы должны быть открыты на мобильных приложениях в браузере.<br> Для этого нужно:</p><ul><li>При инициализации Javascript SDK передать параметр <b>use_extlinks: true </b>. Например:</li> </ul>var config = { app_id : 0 , app_key : "" , use_extlinks : true }; OKSDK . init (config , function () { //on success }, function (error ) { //on error }); <ul><li>Пометить ссылку классом <b>js-sdk-extlink </b>. Например:</li> </ul><p>Заплатить</p><h2>Модерация и размещение в каталоге</h2><p>Список всех приложений, которые доступны для добавления в свои группы, администратор может просмотреть в разделе <i>«Настройки» </i> -> <i>«Приложения» </i>.</p><p>В этот каталог попадают только одобренные приложения, которые соответствуют Правилам размещения групповых приложений .<br> Чтобы подать заявку на модерацию и разместить свое приложение в каталоге, создайте заявку на странице модерации с указанием платформы <i>“Приложение групп” </i>.<br> В заявке должна содержаться вся <a href="/kto-na-menya-podpisan-yutube-kak-poluchit-neobhodimuyu-statisticheskuyu-informaciyu-podpischiki-i-prosmot.html">необходимая информация</a> о приложении.</p> <p>Началось всё с того, как мой друг попросил меня опубликовать на его странице от его имени пост с моего iPad"а. Дальше я… Не знаю, как это описать… А потом задумался о том, как же официальные приложения ВК для <a href="/kak-sdelat-menyu-dlya-mobilnyh-ustroistv-mobilnaya-versiya-menyu.html">мобильных устройств</a> и планшетов выполняют какие-либо действия.</p><p>Сначала подумал, что приложение отправляет через POST или GET во ВКонтактик какие-то данные. Потом понял, что, скорее всего, приложение авторизуется через API. Зашёл на страницу «Разработчикам» в ВК, выбрал «Standalone/Mobile-приложения», выбрал «OAuth-авторизация». Увидел, как приложение должно авторизовываться. Оно должно создавать окно с диалогом авторизации, с такой ссылкой:<br>oauth.vk.com/authorize?client_id=APP_ID&scope=PERMISSIONS&redirect_uri=REDIRECT_URI&display=DISPLAY&v=API_VERSION&response_type=token <br> Итак, сначала нужно узнать id официального приложения.</p><p>Я решил начать с приложения для iOS, а именно для iPad.<br><br> Запостил на своей стене запись с него, открыл на десктопе. Навёл мышку на значок Яблока, и увидел желаемое «vk.com/app3682744». С этим, самым простым, мы справились. Права я решил установить только доступ к стене (и, автоматически, к основной информации), если что-то надо будет ещё добавить, это можно будет сделать потом. И, конечно, нужно включить кроме «wall» ещё и «offline» - доступ к API в любое время со <a href="/kak-otkryt-ftp-dostup-k-svoemu-kompyuteru-prichiny-po-kotorym-mogut-ne-rabotat.html">стороннего сервера</a>. Иначе, делать что-либо сможет только сервер, куда приложение отсылает все действия, и через который всё делается (возможно этот сервер - сервер ВК, но я решил не выяснять, так как это мне не нужно. Сервер прописывается в настройках приложения). И так, сейчас наша ссылка выглядит как oauth.vk.com/authorize?client_id=3682744&scope=wall ,offline&redirect_uri=REDIRECT_URI&display=DISPLAY&v=API_VERSION&response_type=token<br> С redirect_uri разберёмся потом, как с самым сложным. «display» - внешний окна авторизации, page, popup или mobile. Выберем page.<br> «v» выставим последнюю, 5.7. response_type изменять не нужно, нам получить токен и надо. </p><p>Теперь будем думать над «redirect_uri». Нам нужна страница, которая покажет токен. И тут я замечаю «Если Вы разрабатываете браузерное Javascript-приложение...». Понимаю, что именно это нам подходит, так как мы обращаемся со «стороннего сервера». Там написано, что в таком случае надо указать «oauth.vk.com/blank.html ». Так и сделаем. Теперь наша ссылка выглядит так: oauth.vk.com/authorize?client_id=3682744&v=5.7&scope=wall ,offline&redirect_uri=http://oauth.vk.com/blank.html&display=page&response_type=token</p><p>Нажимаем на «разрешить».</p><p><img src='https://i1.wp.com/habrastorage.org/files/b78/4bb/732/b784bb7325dc44bb853d67af4bcd2955.jpg' width="100%" loading=lazy></p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </div> <div class="post-social-counters-block"> <div style="margin-top: 12px"> <noindex></noindex> </div> </div> </div> </div> <a name="comments"></a> <h3 class="best-theme-posts-title">Лучшие статьи по теме</h3> <div class="container-fluid"> <div class="best-theme-posts row"> <div class="theme-post col-sm-4"> <a href="/nastroika-sputnikovogo-televideniya-samostoyatelno-kak-samostoyatelno.html"> <div class="img_container"><img src="/uploads/2caa879eb9e25f1a92bc1f7408faa8b9.jpg" border="0" alt="Как самостоятельно установить и настроить спутниковую антенну" width="320" height="180" / loading=lazy></div> <span class="theme-post-link">Как самостоятельно установить и настроить спутниковую антенну</span> </a> </div> <div class="theme-post col-sm-4"> <a href="/kak-pereimenovat-gruppu-v-tablice-chetyre-sposoba-gruppovogo.html"> <div class="img_container"><img src="/uploads/784f51c7873b469d1539fd523c6844bf.jpg" border="0" alt="Четыре способа группового переименования файлов в Windows" width="320" height="180" / loading=lazy></div> <span class="theme-post-link">Четыре способа группового переименования файлов в Windows</span> </a> </div> <div class="theme-post col-sm-4"> <a href="/mhotspot-pohozhie-programmy-osobennosti-nastroiki-i-ispolzovaniya-programmy.html"> <div class="img_container"><img src="/uploads/64350beef750c5ba05fc04caeb347803.jpg" border="0" alt="Особенности настройки и использования программы mHotspot" width="320" height="180" / loading=lazy></div> <span class="theme-post-link">Особенности настройки и использования программы mHotspot</span> </a> </div> </div> </div> </div> <a name="comments"></a> </div> <div class="right-column col-sm-4 col-md-4"> <div class="write"> <span class="tags-title">Категории:</span> <ul style="height: 286px;" id="right-tags" data-tagscount="18" data-currentmaxtag="10" class="tags"> <li class=""><a href="/category/programs/">Программы</a></li> <li class=""><a href="/category/safety/">Безопасность</a></li> <li class=""><a href="/category/windows-10/">Windows 10</a></li> <li class=""><a href="/category/iron/">Железо</a></li> <li class=""><a href="/category/windows-8/">Windows 8</a></li> <li class=""><a href="/category/vkontakte/">Вконтакте</a></li> <li class=""><a href="/category/errors/">Ошибки</a></li> </ul> </div> <div class="banner"> </div> </div> </div> </div> <div style="clear:both"></div> </div> <div class="footer"> <div class="subscribe"> <div class="main-wrapper container"> <div class="row"> <div class="col-sm-8"> </div> <div class="col-sm-4"> <div class="social"> <a href="https://vk.com/share.php?url=https://bumotors.ru/kak-poluchit-vkontakte-api-id-podpiska-na-novosti.html" class="vk social-ico"></a> <a href="https://www.facebook.com/sharer/sharer.php?u=https://bumotors.ru/kak-poluchit-vkontakte-api-id-podpiska-na-novosti.html" class="fb social-ico"></a> <a href="https://www.twitter.com/share?url=https://bumotors.ru/kak-poluchit-vkontakte-api-id-podpiska-na-novosti.html" class="tw social-ico"></a> </div> </div> </div> </div> </div> <div class="info"> <div class="main-wrapper container"> <div class="row"> <span class="footer-info col-xs-12"> © 2024 bumotors.ru. Как настроить смартфоны и ПК. Информационный портал. </span> </div> </div> </div> </div> </body> </html><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>