Настройка авторизации через «Вконтакте»

Как настроить авторизацию посетителей сайта через «Вконтакте» в личном кабинете и для оформления заказа

  1. Зарегистрируйтесь во «Вконтакте».
  2. Перейдите на страницу добавления приложения «Вконтакте» .

  3. Напишите любое название, например, домен вашего сайта.
  4. Выберите платформу «Веб-сайт».
  5. Напишите адрес своего сайта и отдельно только его домен — без указания протокола.
  6. Перейдите в раздел «Настройки».



  7. В поле «Доверенный redirect URI» впишите адрес вида http://mydomain.ru/oauth.php. Замените mydomain.ru на домен своего сайта.



  8. Сохраните изменения.
  9. На этой же странице скопируйте значения «ID приложения» и «Защищённый ключ».

  10. Войдите в бекенд Вебасиста и перейдите в приложение «Сайт».
  11. В списке сайтов выберите тот, для которого вы настраиваете авторизацию через «Вконтакте».
  12. Откройте раздел «Личный кабинет».
  13. Включите авторизацию для выбранного сайта.



    Если авторизация для этого сайта уже включена, перейдите по ссылке «Настройки авторизации».

  14. Включите флажок «Авторизация через внешние сервисы».
  15. Включите флажок напротив «Вконтакте».
  16. Вставьте скопированные значения «ID приложения» и «Защищённый ключ».

  17. Сохраните настройки авторизации внизу страницы.
  18. Проверьте, как работает авторизация:
    • Откройте свой сайт в режиме браузера «инкогнито». Или в другом браузере, где вы не авторизованы ни в своем Вебасисте, ни во «Вконтакте».
    • Перейдите по ссылке «Вход».
    • Щелкните по иконке «Вконтакте».

    • Введите данные для входа в сервис.

    • После обновления страницы откроется личный кабинет зарегистрированного посетителя вашего сайта.
  19. Готово! Авторизация через «Вконтакте» настроена.

4 комментария

  • +1
    Сергей BestForPet Сергей BestForPet 15 января 2018 17:10 #

    Ребят, поправьте инструкцию, теперь не обязательно заполнять п.7 В поле «Доверенный redirect URI» впишите адрес вида"

    Более, если прописываешь этот Url, то авторизация не работает.

    • +1
      Зул Зул 6 февраля 2018 21:30 #

      Скорее всего у тебя такая печаль, если ты имея сертификат SSL указал протокол http, а если укажешь в этом поле https то все нормально работает, только что протестировал, хотя и без этого поля работает, зачем оно не знаю но у меня оно указано, у меня везде вместо http https.

    • +1
      evteev777 evteev777 25 февраля 2018 08:25 #

      Не получилось настроить авторизацию через VK, выдает ошибку:

      {"error":"invalid_request","error_description":"application is blocked"}

      Пробовал и с www/без www, и с http/https, и с Доверенным redirect URI, и без него, даже удалял и заново создавал приложение - результат один и тот же. Естественно, "приложение включено и видно всем" )))

      Перелогиниться в VK или зайти с другого браузера, как пишут в интернете, не помогло - ведь все равно захожу в режиме инкогнито. AdBlock отключен. Авторизация через Facebook завелась без проблем!

      Это решается??

      • +4
        evteev777 evteev777 25 февраля 2018 08:55 #

        Разобрался сам!

        В настройках Webasyst надо было ввести ID приложения и Защищенный ключ, а я в эти поля вводил Защищенный ключ и Сервисный ключ доступа - просто похожи формы настроек Webasyst и приложения VK!

        Всегда читайте то, что написано мелким шрифтом! )))

        Добавить комментарий

        Чтобы добавить комментарий, зарегистрируйтесь или войдите