Группа приложения ваш идентификатор. Как получить ВКонтакте Api ID? Изменение размера не является проблемой

Viber OUT 20.03.2019
Viber OUT

Как его получить? Например, если вы пользуетесь ВКонтакте под 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> В заявке должна содержаться вся необходимая информация о приложении.</p> <p>Здравствуйте дорогие мои читатели блога. Сегодняшнюю статью я хотел бы посвятить <a href="/ustanovka-i-api-klyuchi-poluchenie-api-klyucha-dlya-plagina-akismet-zashchita-bloga-ot/">получению Api</a> id номера от ВКонтакте. Может кто то спросит, а зачем он вообще нам нужен и чем он полезен блогу?</p> <p>План сегодняшней статьи не большой</p> <blockquote><p>Для чего нужен api id блогу?</p> <p>Как его получить?</p> </blockquote> <h1>Для чего нужен api id Вконтакте блогу на WordPress.</h1> <p>Api id номер может понадобиться для <a href="/dopolnenie-vkopt-vkopt---brauzernyi-plagin-dlya-socialnoi-seti-vkontakte-osnovnye/">социальных плагинов</a>. Люди оставляя лайки и комментарии, через кнопки и виджеты вконтакте, должны связаться с сервером, чтобы VK.COM знал, на каком сайте оставляют комментарии или лайки его зарегистрированные пользователи.</p> <p>Так же этот номер нужен, чтобы людям не требовалось вводить свои данные. Но основа этого номера- это работа социальных плагинов на сайте под управлением WordPress</p> <h2>Как его получить?</h2> <p>Вот и подошли к главному. Как же получить api id Вконтакте?</p> <p>Для этого нужно перейти в <span>раздел разработчиков </span>, Далее нажать создать приложение, в появившемся окне выбрать вкладку Вэб-сайт, так же вводим название вашего приложения, адрес вашего сайта и базовый домен.<span><br><img src='https://i0.wp.com/blograbotainternet.ru/wp-content/uploads/2015/11/vkip.jpg' align="center" width="100%" loading=lazy></p> <blockquote><p>Адресом будет — http://mysite.ru</p> <p>Базовый домен — mysite.ru</p> <p>mysite — адрес вашего сайта</p> </blockquote> <p><br><img src='https://i1.wp.com/blograbotainternet.ru/wp-content/uploads/2015/11/%D0%B7%D0%B0%D0%BF%D0%BE%D0%BB%D0%BD%D0%B5%D0%BD%D0%B8%D0%B5.jpg' align="center" width="100%" loading=lazy></p> <p><br><img src='https://i1.wp.com/blograbotainternet.ru/wp-content/uploads/2015/11/%D0%BF%D0%BE%D0%B4%D1%82%D0%B2%D0%B5%D1%80%D0%B6%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5.jpg' align="center" width="100%" loading=lazy></p> <p>После подтверждения номера телефона вы попадёте на страницу с информацией о вашем приложении, нужно нажать вкладку настройки и попадаем на страницу, где и лежит наш api id ВКонтакте.</p> <p><br><img src='https://i0.wp.com/blograbotainternet.ru/wp-content/uploads/2015/11/%D0%BA%D0%BB%D1%8E%D1%87%D0%B8.jpg' align="center" width="100%" loading=lazy></p> <p>Пользуйтесь на здоровье. Надеюсь вы получили для себя <a href="/interesnye-fakty-o-vich-infekcii-vich-i-spid-interesnye-fakty-so/">полезную информацию</a>. До <a href="/kak-pravilno-vyzvat-skoruyu-pomoshch-chtoby-ona-priehala-kak/">скорых встреч</a> дорогие читатели.</p> <p>Подписывайтесь на обновления блога, чтобы не пропустить выход новых статей.</p> <p>С уважением С.Васильев</p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> <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> </div> </div> <div class="right -is-sticky"> <div class="articles-conseilles"> <div id="focoda2" style="height:500px;width:266px;" align="center"></div> </div> </div> </div> <div class="a-decouvrir"> <h3>Рекомендуем почитать</h3> <div class="featured"> <div class="view view-articles view-id-articles view-display-id-block_4 view-dom-id-169dc93f512a102548b755435ccd1346"> <div class="view-content"> <div class="row"> <article class="preview-article"> <header class="preview-article__header"> <a href="/luchshie-utility-dlya-udaleniya-virusov-i-vredonosnyh-programm/"> <figure class=""> <img src="https://i2.wp.com/webhelper.info/images/danger.jpg" alt="Лучшие утилиты для удаления вирусов и вредоносных программ" loading=lazy> </figure> </a> </header> <div class="preview-article__content"> <div class="views-field views-field-title"> <span class="field-content"><a href="/luchshie-utility-dlya-udaleniya-virusov-i-vredonosnyh-programm/">Лучшие утилиты для удаления вирусов и вредоносных программ</a></span> </div> <div class="views-field views-field-body"> <div class="field-content"> <p> Вредоносное ПО (malware) - это назойливые или опасные программы,... </p> </div> </div> <div class="views-field views-field-field-article-categorie"> <div class="field-content"> <span class="preview-article__category se-soigner"> </span> </div> </div> </div> </article> <article class="preview-article"> <header class="preview-article__header"> <a href="/programma-dlya-vosstanovleniya-udalennyh-failov-onlain-kak-testirovalis/"> <figure class=""> <img src="https://i0.wp.com/softnonstop.ru/newi/7-Data-Recovery-Suite-min.png" alt="Как тестировались программы" loading=lazy> </figure> </a> </header> <div class="preview-article__content"> <div class="views-field views-field-title"> <span class="field-content"><a href="/programma-dlya-vosstanovleniya-udalennyh-failov-onlain-kak-testirovalis/">Как тестировались программы</a></span> </div> <div class="views-field views-field-body"> <div class="field-content"> <p> Лучшие программы для восстановления данных с любых носителей информации.... </p> </div> </div> <div class="views-field views-field-field-article-categorie"> <div class="field-content"> <span class="preview-article__category se-soigner"> </span> </div> </div> </div> </article> <article class="preview-article"> <header class="preview-article__header"> <a href="/chto-sdelat-chtoby-umenshit-nagruzku-kak-umenshit-nagruzku-na-cp/"> <figure class=""> <img src="https://i2.wp.com/pcpro100.info/wp-content/uploads/2015/03/kak-pochistit-kompyuter-ot-pyili.jpg" alt="Как уменьшить нагрузку на ЦП: простые, но эффективные методы решения проблемы" loading=lazy> </figure> </a> </header> <div class="preview-article__content"> <div class="views-field views-field-title"> <span class="field-content"><a href="/chto-sdelat-chtoby-umenshit-nagruzku-kak-umenshit-nagruzku-na-cp/">Как уменьшить нагрузку на ЦП: простые, но эффективные методы решения проблемы</a></span> </div> <div class="views-field views-field-body"> <div class="field-content"> <p> Здравствуйте.Одна из самых распространенных причин, по которым тормозит... </p> </div> </div> <div class="views-field views-field-field-article-categorie"> <div class="field-content"> <span class="preview-article__category se-soigner"> </span> </div> </div> </div> </article> </div> </div> </div> </div> </div> </div> <a href="#skip-link" class="visually-hidden visually-hidden--focusable" id="main-menu" tabindex="-1">Наверх</a> </div> </section> <div class="region region-bottom"> <div class="block block-block first last odd" id="block-block-7"> <ul> <li><a href="/category/news/">Новости</a></li> <li><a href="/category/for-android/">Для Андроид</a></li> <li><a href="/category/for-windows/">Для Windows</a></li> <li><a href="/category/for-windows-phone/">Для Windows Phone</a></li> <li><a href="/category/download-viber/">Скачать Viber</a></li> <li><a href="/category/viber-on-the-computer/">Вайбер на компьютер</a></li> </ul> <p><a href="/" id="choosit"><img alt="" height="13" src="/sites/all/themes/lanutrition/img/logo-choosit.svg" width="50" / loading=lazy></a></p> </div> </div> <div class="search-modal" id="search-modal"><button class="close-button" id="close-search" aria-label="Close reveal" type="button"><span aria-hidden="true">×</span></button> <div class="search-modal__content"> <div class="block block-search first odd" role="search" id="block-search-form"> <form class="search-form" role="search" action="/" method="get" id="search-block-form" accept-charset="UTF-8"> <div> <div class="container-inline"> <h2 class="element-invisible">Поиск по сайту</h2> <div class="form-item form-type-textfield form-item-search-block-form"> <input title="" class="custom-search-box form-text" placeholder="введите слово" type="text" id="edit-search-block-form--2" name="s" value="" size="15" maxlength="128" /> </div> <div class="form-actions form-wrapper" id="edit-actions"><input type="submit" id="edit-submit" name="op" value="Rechercher" class="form-submit" /></div> </div> </div> </form> </div> </div> </div> </body> </html><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>