Как создать чат-приложение во ВКонтакте

Этот материал будет посвящён созданию личного чата во ВКонтакте, который будет создан, а также иметь полноценный вид приложения на iFrame. Стоит отметить, что никакой шаблон для чата требоваться не будет, мы интегрируем в него готовый чат с сайта Chatovod.ru.

p_chat2

Итак, ниже я по пунктам опишу все шаги по созданию полнофункционального чат-приложения ВКонтакте.

1. Сперва перейдём на сайт Chatovod.ru и создадим там чат. Я думаю, что описывать данный процесс не потребуется, поскольку там всего лишь необходимо будет заполнить формы.
2. Далее необходимо войти со своей страницы в социальную сеть ВКонтакте и перейти в раздел «Разработчикам» (он находится в самом низу страницы).
3. В этом разделе необходимо создать приложение. Название и описание выбираете какое душе угодно, а вот тип приложения укажите «IFrame/Flash приложение».
4. После этого пункта нажмите «Приложение» и установите категорию «Общение», а далее перейдите собственно к его загрузке в социальную сеть.
5. В следующем шаге вам потребуется подтвердить права на управление с помощью СМС сообщения. Как только оно придёт, введите в соответствующее поле код и оставайтесь на данной странице, закрывать не нужно.
6. Теперь войдите на ранее созданную страницу с чатом на Chatovod и в разделе «Чат», который расположен в верхнем правом углу, выбираете пункт «Установить на свой сайт». Теперь скопируйте код под номером 2.
7. Теперь потребуется возвратиться на страницу с приложением ВКонтакте и в разделе настроек выбрать следующее:

Состояние: Приложение включено и видно всем;
Первый запрос к API: Здесь вставьте скопированный код под номером 2;
Установка приложения: Без понятия, что тут писать :);
Тип приложения: IFrame;
Адрес IFrame: Скопируйте ссылку на ваш чат, например, http://home-vk.chatovod.ru;
HTTPS адрес: Данное поле заполнится автоматически после заполнения адреса;
Размер: 1000х620.

8. Теперь сохраняем всё и любуемся установленным чатом. Так же вы можете отредактировать некоторые настройки на свой лад в разделе управления приложением.

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