Съдържание:

Брой фен на Facebook: 5 стъпки (със снимки)
Брой фен на Facebook: 5 стъпки (със снимки)

Видео: Брой фен на Facebook: 5 стъпки (със снимки)

Видео: Брой фен на Facebook: 5 стъпки (със снимки)
Видео: Фен страница в Facebook 2024, Ноември
Anonim
Брой фенове на Facebook
Брой фенове на Facebook

Актуализация: 26.09.2019 - Времето лети и технологичните промени. Откакто създадох този проект, Facebook промени своите API и настройка на APP. Така че стъпката за създаване на приложение за Facebook е изтекла. Днес вече нямам достъп или възможност да проследя тази стъпка. Все пак оставям този урок като вдъхновение да създам нещо подобно, въпреки че е изтекъл. Успех с вашите проекти и оставете коментар, ако сте направили нещо подобно.

Вдъхновен от брояча на абонати в YouTube на Беки Стърн, исках да направя показване на броя харесвания за страница във Facebook. Целта ми с този проект беше да извадя броя на феновете от страница във Facebook. Не който и да е, а един, който администрирам. Кодирането на C не е моето поле, затова започнах с много опити и грешки. Но в крайна сметка резултатът работи.

Ето какво ви е необходимо за този проект:

Софтуер

Приложението на Facebook

Отпечатък от Facebook

Arduino IDE

Библиотеки за Arduino IDE

WIFI 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 = Тайна на приложението

Обърнете внимание на. (тръба) между App ID и App Secret.

Стъпка 2: Хардуер - електроника

Хардуер - електроника
Хардуер - електроника

Сега към забавната част. Използвах NodeMCU Mini. Те се предлагат в различни разновидности и ценови диапазони в различни онлайн магазини и в eBay. Имаше две причини да избера мини. Първата причина беше, че вече имах лежаща в чекмеджето си. Другата причина е, че е малък и заема малко място в рамка за картина.

Купих дисплей, състоящ се от четири сегмента, монтирани на дъска с електроника, така че трябва само да използвам четири от IO на NoceMCUen.

ЗАБЕЛЕЖКА: NodeMCU има само 3.3V изход, докато дисплеят за предпочитане ще има 5V. Той ще работи с 3.3V, но ще светне леко. За мое щастие моят NodeMCU дава 5V изходи чрез VIN.

Както можете да видите на малко замъгленото ми изображение VIN, VCC и пинът за данни са подравнени. Това означава, че нямам нужда от проводници между NodeMCU и дисплея. Просто плъзнете дъските заедно и добавете малко запояване.

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

Отказ от отговорност: Не поемам отговорност за свързването на вашето оборудване заедно и всякакви повреди, които могат да възникнат на вашето оборудване, ако следвате моя пример. За щастие тази настройка изглежда ми действа.

Стъпка 3: Хардуер - Рамка

Хардуер - Рамка
Хардуер - Рамка
Хардуер - Рамка
Хардуер - Рамка
Хардуер - Рамка
Хардуер - Рамка

Купих Ikea Ribba 000.783.34. Причината, поради която купих тази рамка, е, че тя има дълбока рамка. Тогава лесно мога да побера дисплея и електрониката.

Снимката по -горе показва, че съм направил дупки за дисплея. Направих шаблон, който прикрепих към задната плоча и маркирах къде искам да имам дисплея. След това използвах въртящ се инструмент, за да направя дупката.

Следващата стъпка беше да промените разположението на дисплея и да го направите възможно най -ярко през хартията отпред. Както вероятно разбирате, не започнах от самата рамка. Защото би било безполезно да изграждам дисплей в рамка, ако нямах номер за показване.

След като създадох приложение за Facebook, трябваше да се поставя в един донякъде непознат свят. Не знам много за програмирането на C ++. Но завърши със задоволителен резултат след много опити и грешки.

Стъпка 4: Софтуер - Arduino Libaries

WIFI: За да се свържем с безжични мрежи, се нуждаем от библиотека за ESP8266. Ако нямате това преди, отидете тук https://github.com/esp8266/Arduino и следвайте стъпките за добавянето му към Arduino IDE.

Дисплей: Следващата библиотека е за седем сегментния дисплей. Изтеглете библиотеката Arduino на SevenSegmentTM1637 от https://github.com/bremme/arduino-tm1637 Опитах няколко различни библиотеки за дисплея. Това беше първото, което открих, че работи с таблото ми за дисплей.

JSON: Последната библиотека е за обработка на JSON-данни от Facebook. Изтеглете ArduinoJson - C ++ JSON библиотека за IoT от

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

Стъпка 5: Софтуер - код

Изтеглете кода тук:

  • AAA = Идентификационен номер или име на Facebook страница
  • BBB = ИД на Facebook приложение
  • CCC = Тайна на приложението
  • DDD = Пръстов отпечатък

Препоръчано: