Долго тянули, не все сделали, что хотелось, но необходимо запускать.
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](https://habrastorage.org/r/w1560/getpro/habr/post_images/d7e/678/fda/d7e678fdab1b215c52d87057624db33b.png)
Регистрация осуществляется по приглашению. Для получения приглашения необходимо в текстовом поле (над оранжевой кнопкой «Отправить») ввести e-mail и нажать «Отправить». Далее ваше приглашение будет рассмотрено и по факту подтверждения вы получаете красивое сообщение и простое письмо с кодом активации.
02. На главной странице нажимаете «У меня есть код» и заполняете форму данными и зеленую кнопку (слайдер) перетягиваете вправо (да, мы начинали, когда слайдер на iPhone был очень модным).
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/e80/698/94b/e8069894bbd333bc5a5379ade1cfb178.png)
После перетягивания слайдера получается кнопка «Зарегистрироваться», которая перетаскиванием нажата. Далее эта форма закрывается, вы успешно зарегистрированы и редиректом переходите к личный кабинет, где нажимаете ссылку «Перейти в настройки».
03. Далее логика такая. Подключаете учетные записи какие хотите и сколько хотите (смотри выше «ключевые сущности системы») на закладке «Аккаунты».
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/035/003/7f9/0350037f951ce5e934c2247f2649e14c.png)
По шагам: 1, 2.
04. Далее на закладке «Наборы» из подключенных аккаунтов уже просто формируете наборы именуете, как нужно.
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/6a4/aef/e65/6a4aefe653aa196908c35bcc6ade8e8e.png)
05. Нажимаете на «uniava» (не на кнопку «вернуться назад») и переходите к чтению ленты (покажу на примере нашего пользователя — уже заполненные наборы).
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/d35/4d3/c78/d354d3c7813424abeda435507b12ab29.png)
Всего три набора: 1) All (два twitter'а, vkontakte, facebok, instagram) и 2) Facebook only и 3) Twitters (2 twitter аккаунта). На просмотр открыт набор All.
06. Пример поступления новых сообщений (смотря язычок сверху ленты — 4 новых сообщения).
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/cba/4dc/609/cba4dc609551b77acc8731a57c5714c3.png)
07. После нажатия на ссылку «4 новых сообщения», лента пролистывается и остается в виде метки в ленте (после использования в течения дня можно пролистывая ленту видеть, какими порциями она подгружалась).
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/ad8/d57/19a/ad8d5719af6aa9633f8aa08a41e1ab95.png)
Теперь рассмотрим примеры лент.
08. Ретвит, сделанный https://twitter.com/VS_Oblomov:
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/e7b/d35/3ad/e7bd353adc66c816ff61a86dbdd2788e.png)
09. Ретвит, сделанный https://twitter.com/varlamov в ответ на его исходный твит.
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/752/06a/769/75206a769d033527fe52b779e62a804f.png)
10. Пример поста vkontakte с музыкой.
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/5d5/9f0/ce7/5d59f0ce70b04a97bcb1aef785e2e925.png)
11. Пример репоста vkontakte.
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/121/0bb/922/1210bb922b06a0bca1396b3db321b05a.png)
12. Пост instagram.
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/e2a/ddd/1bb/e2addd1bb4269ecd069ccd11c04e93b0.png)
Есть вещи, которые не очень успешно отображаются, но мы тихонько над этим работаем. Краткий вывод: для тех, кто потребляет контент — инструмент рабочий и удобный.
Пост сделан по просьбе RealFunTom, которому и нужно задавать все вопросы.
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](https://habrastorage.org/getpro/habr/post_images/d7e/678/fda/d7e678fdab1b215c52d87057624db33b.png)
Регистрация осуществляется по приглашению. Для получения приглашения необходимо в текстовом поле (над оранжевой кнопкой «Отправить») ввести e-mail и нажать «Отправить». Далее ваше приглашение будет рассмотрено и по факту подтверждения вы получаете красивое сообщение и простое письмо с кодом активации.
02. На главной странице нажимаете «У меня есть код» и заполняете форму данными и зеленую кнопку (слайдер) перетягиваете вправо (да, мы начинали, когда слайдер на iPhone был очень модным).
![image](https://habrastorage.org/getpro/habr/post_images/e80/698/94b/e8069894bbd333bc5a5379ade1cfb178.png)
После перетягивания слайдера получается кнопка «Зарегистрироваться», которая перетаскиванием нажата. Далее эта форма закрывается, вы успешно зарегистрированы и редиректом переходите к личный кабинет, где нажимаете ссылку «Перейти в настройки».
03. Далее логика такая. Подключаете учетные записи какие хотите и сколько хотите (смотри выше «ключевые сущности системы») на закладке «Аккаунты».
![image](https://habrastorage.org/getpro/habr/post_images/035/003/7f9/0350037f951ce5e934c2247f2649e14c.png)
По шагам: 1, 2.
04. Далее на закладке «Наборы» из подключенных аккаунтов уже просто формируете наборы именуете, как нужно.
![image](https://habrastorage.org/getpro/habr/post_images/6a4/aef/e65/6a4aefe653aa196908c35bcc6ade8e8e.png)
05. Нажимаете на «uniava» (не на кнопку «вернуться назад») и переходите к чтению ленты (покажу на примере нашего пользователя — уже заполненные наборы).
![image](https://habrastorage.org/getpro/habr/post_images/d35/4d3/c78/d354d3c7813424abeda435507b12ab29.png)
Всего три набора: 1) All (два twitter'а, vkontakte, facebok, instagram) и 2) Facebook only и 3) Twitters (2 twitter аккаунта). На просмотр открыт набор All.
06. Пример поступления новых сообщений (смотря язычок сверху ленты — 4 новых сообщения).
![image](https://habrastorage.org/getpro/habr/post_images/cba/4dc/609/cba4dc609551b77acc8731a57c5714c3.png)
07. После нажатия на ссылку «4 новых сообщения», лента пролистывается и остается в виде метки в ленте (после использования в течения дня можно пролистывая ленту видеть, какими порциями она подгружалась).
![image](https://habrastorage.org/getpro/habr/post_images/ad8/d57/19a/ad8d5719af6aa9633f8aa08a41e1ab95.png)
Теперь рассмотрим примеры лент.
08. Ретвит, сделанный https://twitter.com/VS_Oblomov:
![image](https://habrastorage.org/getpro/habr/post_images/e7b/d35/3ad/e7bd353adc66c816ff61a86dbdd2788e.png)
09. Ретвит, сделанный https://twitter.com/varlamov в ответ на его исходный твит.
![image](https://habrastorage.org/getpro/habr/post_images/752/06a/769/75206a769d033527fe52b779e62a804f.png)
10. Пример поста vkontakte с музыкой.
![image](https://habrastorage.org/getpro/habr/post_images/5d5/9f0/ce7/5d59f0ce70b04a97bcb1aef785e2e925.png)
11. Пример репоста vkontakte.
![image](https://habrastorage.org/getpro/habr/post_images/121/0bb/922/1210bb922b06a0bca1396b3db321b05a.png)
12. Пост instagram.
![image](https://habrastorage.org/getpro/habr/post_images/e2a/ddd/1bb/e2addd1bb4269ecd069ccd11c04e93b0.png)
Есть вещи, которые не очень успешно отображаются, но мы тихонько над этим работаем. Краткий вывод: для тех, кто потребляет контент — инструмент рабочий и удобный.
Пост сделан по просьбе RealFunTom, которому и нужно задавать все вопросы.