Как стать автором
Обновить

Агрегатор социальных сетей uniava.com

Время на прочтение 3 мин
Количество просмотров 11K
Долго тянули, не все сделали, что хотелось, но необходимо запускать.

UniAva: агрегатор соц. сетей, с возможностью подключения неограниченного количества аккаунтов в рамках одной сети. Первоначальная идея предполагала слова «united» и «avatar», отсюда название.
Домены: ru/com.

Цель:
1.Чтение;
2.Комментирование;
3.Постинг нескольких аккаунтов социальных сетей.

Подключаемые сети:
1.facebook;
2.vkontakte;
3.twitter;
4.instagram.

Технология подключения аккаунтов: oAuth 2.0, без отчуждения пароля (много раз все говорили — повторю: пароль от аккаунта вводится на родном сайте соц.сети, далее приложению разрешаются определенные действия (чтение, комментирование и постинг) с разрешения пользователя).

ВАЖНОЕ уточнение по VK: для возможности текущих реализованных функций uniava, авторизация идет как standalone-приложения и пароль и логин вводится на сайте uniava и проксируется на сайт vk (не oAuth). Понимаю стремно любому пользователю, не агитирую. Логин и пароль не сохраняем.
Цель такого типа авторизации была в том, чтобы получить расширенный функционал: музыка, посты.

Что уникального (по крайней мере было на момент идеи — 3 года назад): одновременное подключение нескольких аккаунтов одной соц.сети. Пример: у вас 3 аккаунта twitter, 2 vkontakte и по 1 instagram и facebook, их все можно читать в одной ленте. Плюс: если закрыта соц.сеть (на работе) для прямого посещения, то через UniAva она доступна.

Ключевые сущности системы: назвали наборы. Набор — это коллекция аккаунтов соц.сетей. Сейчас по количеству наборов ограничения нет и даже сняли ограничение по количеству соц.сетей в одном наборе. Для подключения нескольких аккаунтов одной соц.сети после подключения первого аккаунта в uniava, необходимо сделать «выход» из соц.сети (в параллельном окне или запустить новый браузер в режиме инкогнито), иначе при попытке добавления следующего аккаунта, вы автоматом перейдете в залогиненный аккаунт соц.сети, который вы только что добавили, который был первым.

Не доделали: есть ошибки и явные недоработки, от которых основная функция не страдает. Ниже указаны детали по возможным ошибкам (наверняка не по всем, так как будут и новые для нас). Будьте терпиливы, иногда, при старте ленты наборы и сама лента загружается до 5-7 секунд, далее подгрузка новостей не тормозит. К сожаленью, нет мобильных клиентов.

Функционал:

01. Главная страница.

image

Регистрация осуществляется по приглашению. Для получения приглашения необходимо в текстовом поле (над оранжевой кнопкой «Отправить») ввести e-mail и нажать «Отправить». Далее ваше приглашение будет рассмотрено и по факту подтверждения вы получаете красивое сообщение и простое письмо с кодом активации.

02. На главной странице нажимаете «У меня есть код» и заполняете форму данными и зеленую кнопку (слайдер) перетягиваете вправо (да, мы начинали, когда слайдер на iPhone был очень модным).

image

После перетягивания слайдера получается кнопка «Зарегистрироваться», которая перетаскиванием нажата. Далее эта форма закрывается, вы успешно зарегистрированы и редиректом переходите к личный кабинет, где нажимаете ссылку «Перейти в настройки».

03. Далее логика такая. Подключаете учетные записи какие хотите и сколько хотите (смотри выше «ключевые сущности системы») на закладке «Аккаунты».

image

По шагам: 1, 2.

04. Далее на закладке «Наборы» из подключенных аккаунтов уже просто формируете наборы именуете, как нужно.

image

05. Нажимаете на «uniava» (не на кнопку «вернуться назад») и переходите к чтению ленты (покажу на примере нашего пользователя — уже заполненные наборы).

image

Всего три набора: 1) All (два twitter'а, vkontakte, facebok, instagram) и 2) Facebook only и 3) Twitters (2 twitter аккаунта). На просмотр открыт набор All.

06. Пример поступления новых сообщений (смотря язычок сверху ленты — 4 новых сообщения).

image

07. После нажатия на ссылку «4 новых сообщения», лента пролистывается и остается в виде метки в ленте (после использования в течения дня можно пролистывая ленту видеть, какими порциями она подгружалась).

image

Теперь рассмотрим примеры лент.

08. Ретвит, сделанный https://twitter.com/VS_Oblomov:

image

09. Ретвит, сделанный https://twitter.com/varlamov в ответ на его исходный твит.

image

10. Пример поста vkontakte с музыкой.

image

11. Пример репоста vkontakte.

image

12. Пост instagram.
image

Есть вещи, которые не очень успешно отображаются, но мы тихонько над этим работаем. Краткий вывод: для тех, кто потребляет контент — инструмент рабочий и удобный.

Пост сделан по просьбе RealFunTom, которому и нужно задавать все вопросы.
Теги:
Хабы:
-5
Комментарии 19
Комментарии Комментарии 19

Публикации

Истории

Ближайшие события

Московский туристический хакатон
Дата 23 марта – 7 апреля
Место
Москва Онлайн
Геймтон «DatsEdenSpace» от DatsTeam
Дата 5 – 6 апреля
Время 17:00 – 20:00
Место
Онлайн
PG Bootcamp 2024
Дата 16 апреля
Время 09:30 – 21:00
Место
Минск Онлайн
EvaConf 2024
Дата 16 апреля
Время 11:00 – 16:00
Место
Москва Онлайн