Cuprins:

Număr de fani Facebook: 5 pași (cu imagini)
Număr de fani Facebook: 5 pași (cu imagini)

Video: Număr de fani Facebook: 5 pași (cu imagini)

Video: Număr de fani Facebook: 5 pași (cu imagini)
Video: 7 funcții ascunse pe Facebook pe care e bine să le știi 2024, Iulie
Anonim
Facebook Fan Count
Facebook Fan Count

Actualizare: 26.09.2019 - Timpul zboară și schimbările tehnologice. De când am creat acest proiect, Facebook și-a schimbat API-urile și configurarea APP. Deci, pasul pentru crearea unei aplicații Facebook a expirat. Astăzi nu mai am acces sau oportunitate de a urma acest pas. Totuși, las acest tutorial ca o inspirație pentru a crea ceva similar, chiar dacă a expirat. Noroc cu proiectele tale și lasă un comentariu dacă ai făcut ceva similar.

Inspirat de contorul de abonați YouTube al lui Becky Stern, am vrut să afișez numărul de aprecieri pentru o pagină de Facebook. Scopul meu cu acest proiect a fost să scot numărul de fani de pe o pagină de Facebook. Nu pe nimeni, ci pe unul pe care îl administrez. Codul C nu este domeniul meu, așa că am început cu multe încercări și erori. Dar a ajuns cu un rezultat care a funcționat.

Iată de ce aveți nevoie pentru acest proiect:

Software

APP Facebook

Amprenta Facebook

Arduino IDE

Librarii pentru Arduino IDE

WIFI ESP8266

Afișaj pe șapte segmente

JSON

Hardware

Ikea Ribba 000.783.34 (sau un alt cadru pentru a ține proiectul)

NodeMCU (mini)

Afișați

Instrumente

Instrument rotativ sau ceva pentru a face o gaură pătrată în placa posterioară a cadrului.

Pasul 1: Creați aplicația Facebook

Creați aplicația Facebook
Creați aplicația Facebook
Creați aplicația Facebook
Creați aplicația Facebook

Acest lucru se poate face la developer.facebook.com. După crearea APP, rețineți ID-ul aplicației și Secretul aplicației. Veți avea nevoie de acest lucru în cod.

Vrei să testezi accesul pentru APP? Accesați

Introduceți următoarele: AAA? Access_token = BBB | CCC & fields = fan_count

  • AAA = ID-ul sau numele paginii Facebook,
  • BBB = ID-ul aplicației
  • CCC = Secretul aplicației

Rețineți | (pipă) între ID-ul aplicației și Secretul aplicației.

Pasul 2: Hardware - Electronică

Hardware - Electronică
Hardware - Electronică

Acum trecem la partea distractivă. Am folosit un NodeMCU Mini. Acestea sunt disponibile în diferite soiuri și game de prețuri într-o varietate de magazine online și pe eBay. Au fost două motive pentru care am ales un mini. Primul motiv a fost că aveam deja unul culcat în sertarul meu. Celălalt motiv a fost că este mic și ocupă puțin spațiu într-o ramă.

Am cumpărat un afișaj format din patru segmente montate pe o placă electronică, așa că trebuie să folosesc doar patru dintre IO-urile NoceMCUen.

NOTĂ: NodeMCU are doar ieșire de 3,3 V, în timp ce afișajul va avea de preferință 5 V. Acesta va funcționa cu 3.3V, dar va lumina ușor. Din fericire pentru mine NodeMCU oferă ieșiri de 5V prin VIN.

După cum puteți vedea pe imaginea mea oarecum neclară, VIN, VCC și pinul de date sunt aliniate. Aceasta înseamnă că nu am nevoie de fire între NodeMCU și afișaj. Glisați plăcile împreună și adăugați o lipire.

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

Declinare de responsabilitate: Nu îmi asum responsabilitatea pentru conectarea echipamentului împreună și a eventualelor daune care pot apărea pe echipamentul dvs. dacă urmați exemplul meu. Din fericire, această configurare pare să funcționeze cu mine.

Pasul 3: Hardware - Cadru

Hardware - Cadru
Hardware - Cadru
Hardware - Cadru
Hardware - Cadru
Hardware - Cadru
Hardware - Cadru

Am cumpărat un Ikea Ribba 000.783.34. Motivul pentru care am cumpărat acest cadru este că are un cadru profund. Apoi pot monta cu ușurință afișajul și dispozitivele electronice.

Imaginea de mai sus arată că am făcut găuri pentru afișaj. Am realizat un șablon pe care l-am atașat pe placa din spate și am marcat unde doream să am afișajul. Apoi am folosit un instrument rotativ pentru a face gaura.

Următorul pas a fost să modificăm poziția afișajului și să-l facem cât mai luminos posibil prin hârtia din față. După cum probabil înțelegeți, nu am început cu cadrul în sine. Pentru că ar fi inutil să construiesc un afișaj într-un cadru dacă nu aș avea un număr de afișat.

După ce am creat o aplicație Facebook, a trebuit să mă plasez într-o lume oarecum necunoscută. Nu știu prea multe despre programarea C ++. Dar am ajuns la un rezultat satisfăcător după multe încercări și erori.

Pasul 4: Software - Arduino Libaries

WIFI: Pentru a ne conecta la rețele fără fir, avem nevoie de o bibliotecă pentru ESP8266. Dacă nu aveți acest lucru înainte, mergeți aici https://github.com/esp8266/Arduino și urmați pașii pentru adăugarea acestuia la Arduino IDE.

Afișaj: următoarea bibliotecă este pentru afișajul cu șapte segmente. Descărcați biblioteca SevenSegmentTM1637 Arduino de pe https://github.com/bremme/arduino-tm1637 Am încercat mai multe biblioteci diferite pentru afișare. Acesta a fost primul pe care l-am găsit și a funcționat cu afișajul meu.

JSON: Ultima bibliotecă este pentru gestionarea datelor JSON de pe Facebook. Descărcați ArduinoJson - biblioteca C ++ JSON pentru IoT de la

Amprentă digitală Facebook: Pentru a ne conecta la Facebook avem nevoie și de o amprentă digitală. În loc să încercați să vă explic acest lucru, vă recomand să aruncați o privire asupra documentației

Pasul 5: Software - Cod

Descărcați codul aici:

  • AAA = ID-ul sau numele paginii Facebook
  • BBB = ID-ul aplicației Facebook
  • CCC = Secretul aplicației
  • DDD = Amprentă digitală

Recomandat: