Мы собираемся создать простое приложение для твитов, которое будет отслеживать конкретный хэш-тег в режиме реального времени с помощью API потоковой передачи твиттера. Давайте начнем.

Сначала вам нужно иметь учетную запись разработчика, чтобы получить ключи API клиента, токен доступа и секрет токена доступа. Для этого перейдите по этой ссылке и создайте учетную запись разработчика и запросите доступ разработчика.

Как подать заявку на создание учетной записи разработчика Twitter

Как только ваша учетная запись будет одобрена. Пожалуйста, создайте новое твиттер-приложение, следуя этому учебному сообщению.

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

Теперь у вас есть ключи и токен доступа. Давайте перейдем к кодированию. Вы можете найти проект в моем git https://github.com/divakarvenu/Twitterstream

Давайте посмотрим на нашу файловую структуру

У нас есть весь наш серверный код в index.js и наш клиентский код в папке / Public.

В нашем проекте есть три важных модуля Dependency. которые

  1. twit - клиент Twitter API для узла
  2. express - это минимальная и гибкая платформа веб-приложений Node.js, которая предоставляет надежный набор функций для веб-приложений и мобильных приложений.
  3. socket-io предназначен для потоковой передачи наших данных клиенту в реальном времени.

У нас есть два блока кода логики на сервере. Первый

Когда клиент подключается, мы нажимаем GET API с лимитом 100, чтобы получить указанный хэштег и преобразовать его в наш конкретный формат данных. Как только мы закончим с этим, мы отправляем массив данных в клиент.

В клиентском index.html

Сначала мы подключаемся к серверу сокетов. Затем, когда сервер генерирует все события твита, мы их перехватываем и передаем в функцию loopArray. Которые запускают твиты один за другим рекурсивно.

Пока что у нас есть твиты с указанным хэштегом и мы отображаем их один за другим. Но как насчет твитов в реальном времени ??

А теперь перейдем к делу.

В той же функции подключения io мы добавили запрос API потокового хэштега, который будет продолжать прослушивать твиты с нашим указанным хэштегом. Когда любой новый твит приходит с нашим хэштегом, он немедленно передает его клиенту через сокет.

В клиенте мы продолжаем добавлять данные входящего твита из сокета в tweetArray, которые зацикливаются нашей функцией массива циклов для отображения содержимого твита.

С помощью этих нескольких базовых блоков кода мы создали простую стену твитов, используя API потоковой передачи твиттера. Не стесняйтесь взглянуть на репозиторий git для получения полного кода проекта.

P.S: Это небольшой демонстрационный проект. Прошу прощения за обозначение убеждений и стандартов форматирования. Будем постоянно обновлять репозиторий проекта.