Количество поклонников в Facebook: 5 шагов (с изображениями)
Количество поклонников в Facebook: 5 шагов (с изображениями)

Оглавление:

Anonim
Количество поклонников в Facebook
Количество поклонников в Facebook

Обновление: 26.09.2019 - Время летит, технологии меняются. С тех пор, как я создал этот проект, Facebook изменил свои API и настройку приложения. Итак, шаг по созданию приложения Facebook истек. Сегодня у меня больше нет доступа или возможности выполнить этот шаг. Тем не менее, я оставляю этот урок как вдохновение для создания чего-то похожего, даже если срок его действия истек. Удачи в ваших проектах и оставьте комментарий, если вы сделали что-то подобное.

Вдохновленный счетчиком подписчиков YouTube Бекки Стерн, я хотел отобразить количество лайков для страницы Facebook. Моей целью в этом проекте было привлечь внимание поклонников со страницы Facebook. Ни одного, кроме одного, которым я управляю. Кодировать C - не моя область, поэтому я начал с большого количества проб и ошибок. Но в итоге результат сработал.

Вот что вам нужно для этого проекта:

Программное обеспечение

Приложение Facebook

Отпечаток Facebook

IDE Arduino

Библиотеки для Arduino IDE

ВАЙ-ФАЙ ESP8266

Семисегментный дисплей

JSON

Аппаратное обеспечение

Ikea Ribba 000.783.34 (или другая рамка для размещения проекта)

NodeMCU (мини)

Показать

Инструменты

Поворотный инструмент или что-то еще, чтобы сделать квадратное отверстие в задней пластине рамы.

Шаг 1. Создайте приложение Facebook

Создать приложение для Facebook
Создать приложение для Facebook
Создать приложение для Facebook
Создать приложение для Facebook

Это можно сделать на сайте developers.facebook.com. После создания приложения запишите идентификатор приложения и секрет приложения. Вам это понадобится в коде.

Хотите проверить доступ для своего приложения? Перейдите на

Введите следующее: AAA? Access_token = BBB | CCC & fields = fan_count

  • AAA = идентификатор или имя страницы Facebook,
  • BBB = идентификатор приложения
  • CCC = Секрет приложения

Обратите внимание на | (труба) между идентификатором приложения и секретом приложения.

Шаг 2: Аппаратное обеспечение - Электроника

Аппаратное обеспечение - Электроника
Аппаратное обеспечение - Электроника

А теперь самое интересное. Я использовал NodeMCU Mini. Они доступны в различных вариантах и ценовых диапазонах в различных интернет-магазинах и на eBay. Я выбрал мини по двум причинам. Первая причина заключалась в том, что у меня в ящике уже лежал лежачий. Другая причина заключалась в том, что он маленький и занимает мало места в картинной рамке.

Я купил дисплей, состоящий из четырех сегментов, установленных на плате электроники, поэтому мне нужно использовать только четыре ввода-вывода NoceMCUen.

ПРИМЕЧАНИЕ: NodeMCU имеет выход только 3,3 В, в то время как на дисплее предпочтительно будет 5 В. Он будет работать с напряжением 3,3 В, но будет немного гореть. К счастью для меня, мой NodeMCU дает выход 5 В через VIN.

Как вы можете видеть на моем несколько размытом изображении, VIN, VCC и контакт данных совмещены. Это означает, что мне не нужны никакие провода между NodeMCU и дисплеем. Просто сдвиньте платы вместе и добавьте немного пайки.

  • VIN 5V
  • GND GND
  • D4 DIO
  • D3 CLK

Отказ от ответственности: я не беру на себя ответственность за подключение вашего оборудования друг к другу и за любые повреждения, которые могут возникнуть на вашем оборудовании, если вы последуете моему примеру. К счастью, мне кажется, что эта установка работает.

Шаг 3: Оборудование - рама

Оборудование - Рама
Оборудование - Рама
Оборудование - Рама
Оборудование - Рама
Оборудование - Рама
Оборудование - Рама

Купил Ikea Ribba 000.783.34. Я купил эту раму потому, что у нее глубокая рама. Тогда я легко смогу установить дисплей и электронику.

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

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

После того, как я создал приложение для Facebook, мне пришлось погрузиться в несколько неизвестный мир. Я не очень разбираюсь в программировании на C ++. Но после долгих проб и ошибок результат оказался удовлетворительным.

Шаг 4: Программное обеспечение - Библиотеки Arduino

WIFI: для подключения к беспроводным сетям нам понадобится библиотека для ESP8266. Если у вас его раньше не было, перейдите сюда https://github.com/esp8266/Arduino и следуйте инструкциям по его добавлению в Arduino IDE.

Дисплей: Следующая библиотека предназначена для семисегментного дисплея. Загрузите библиотеку SevenSegmentTM1637 Arduino с https://github.com/bremme/arduino-tm1637. Я пробовал несколько разных библиотек для дисплея. Это было первое, что я обнаружил, работающее с моей доской дисплея.

JSON: последняя библиотека предназначена для обработки JSON-данных из Facebook. Загрузите ArduinoJson - библиотеку C ++ JSON для IoT с

Отпечаток пальца Facebook: для подключения к Facebook нам также нужен отпечаток пальца. Вместо того, чтобы пытаться вам это объяснить, я рекомендую взглянуть на документацию

Шаг 5: Программное обеспечение - Код

Загрузите код здесь:

  • AAA = идентификатор или имя страницы Facebook
  • BBB = идентификатор приложения Facebook
  • CCC = Секрет приложения
  • DDD = отпечаток пальца