Зачем мне это?
Закономерный вопрос, ведь уже есть в ВК готовый сервис Календарь. Но те, кто действительно занимается организацией мероприятий и распространением информации о них в ВК, и уже пытался пользоваться этим сервисом, сразу отмечают, что, собрать в удобном формате свой календарь не так-то и удобно.
Есть и ещё комфортный и популярный сервис: Google Calendar. Скорее всего им пользуется бОльшая часть вашей аудитории. Им удобно делиться, в нём можно создавать несколько календарей и настраивать их отображение. Есть удобные виджеты для Apple и Android. Инструмент крайне удобный, но всегда есть "Но". Если наша основная аудитория сосредоточена в сообществе ВК, и мы хотим удобный пунк в меню, по которому в один клик мы хотим направить наших подписчиков на удобный сервис -- это будет уже не так просто, потому что в пунктах меню сообщества можно указывать ссылки только на ресурсы ВКонтакте.
Сделаем нашим подписчикам удобно
Мы хотим, чтобы, открыв в очередной раз или наткнувшись впервые на наше сообщество, наши подписчики ознакомились со всеми мероприятиями, что мы запланировали, в один клик, и чтобы всегда информация о событиях была актуальна. Самое быстрое и простое решение -- это интегрировать календарь Google в наше сообщество ВК.
Что для этого нужно?
Даже если вы никогда не писали код, не пользовались средами разработки и боитесь консоли как огня, у вас всё получится, и может вы обретёте новые компетенции. В статье все примеры будут для Windows, но поскольку мы будем пользоваться кроссплатформенными инструментами, это сработает и для Linux, и для IOS.
Приступим! Начнём с основных настроек приложения. Заходим на https://dev.vk.com/
Дружелюбный интерфес прделгает нам создать приложение. Любезно соглашаемся и переходим к форме создания.
Как только мы заполним форму и нажмём "Перейти к настройке приложения". Сервис безопасности отправит нам VK Push нотификацию с просьбой подтвердить создание приложения.
На своём мобильном девайсе подтвердим создание.
Приступим к настройке нашего приложения, полагаю, не имеет смысла задерживаться на настройках информации о приложении. Подгрузка картинок согласно заданным размерам вряд ли вызовет затруднения. Нас интересуют основные настройки мини-приложения, а конкретно ID приложения и URL для vk.com.
Теперь непосредственно приступим к самому приложению, которым мы поделимся с подписчиками. Создадим Google Calendar, с нашими событиями.
Для этого в меню "Другие календари" выбираем пункт "Создать календарь". После создания нам доступны настройки календаря, перейдём к секции "Разрешения на доступ к мероприятиям" и прожимаем галочку "Сделать общедоступным". Секция: "Интеграция календаря", здесь нас интересует HTML-код, который будет начинаться с тега <iframe>.
Этот готовый код мы и будем использовать в качестве нашего приложения. Чтобы создать публичную HTML страницу, воспользуемся бесплатным хостингом ВК.
Далее мы делаем менее привычные для простого пользователя вещи, но всё так же несложные. Установим на ваш персональный компьютер Node.js (если такового ещё не имеется). Не меняя никаких настроек, и просто прожимая "Далее" легко и играючи устанавливаем инструмент. Теперь node.js ваш верный друг и помощник, который сделает всё за вас.
Теперь в меню Windows появилась возможно запуска командной строки node.js (Node.js command prompt), также у нас есть возможность запустить её из консоли (win + R, вводим "cmd" без кавычек), в открывшемся меню консоли вводим >"C:\Program Files\nodejs\nodevars.bat" ,
если вы меняли путь установки node.js, префикс пути будет отличаться.
Увидим сообщение:Your environment has been set up for using Node.js vv.vv.vv and npm.
Создадим на нашем ПК папку. Для простоты примера я буду использовать C:\tmp.
Перейдём в неё из открытой консоли: >cd C:\tmp
Попросим node.js создать для нас шаблонное мини-приложение во вложенной папке my_calendar: >npx @vkontakte/create-vk-mini-app my_calendar
перейдём в созданную папку: >cd my_calendar (используйте tab
Интересные статьи
Интересные статьи
