Sommario:

Conteggio fan di Facebook: 5 passaggi (con immagini)
Conteggio fan di Facebook: 5 passaggi (con immagini)

Video: Conteggio fan di Facebook: 5 passaggi (con immagini)

Video: Conteggio fan di Facebook: 5 passaggi (con immagini)
Video: Cosa pubblicava CAMPER su FACEBOOK 10 ANNI FA? 2024, Dicembre
Anonim
Conteggio fan di Facebook
Conteggio fan di Facebook

Aggiornamento: 26.09.2019 - Il tempo vola e la tecnologia cambia. Da quando ho creato questo progetto, Facebook ha cambiato le sue API e la configurazione dell'APP. Quindi il passaggio per creare un'APP Facebook è scaduto. Oggi non ho più accesso o possibilità di seguire questo passaggio. Tuttavia, lascio questo tutorial come ispirazione per creare qualcosa di simile, anche se è scaduto. Buona fortuna con i tuoi progetti e lascia un commento se hai realizzato qualcosa di simile.

Ispirato dal contatore degli abbonati YouTube di Becky Stern, volevo visualizzare il numero di Mi piace per una pagina Facebook. Il mio obiettivo con questo progetto era quello di far emergere il numero di fan da una pagina Facebook. Non uno ma uno che amministro. Il codice C non è il mio campo, quindi ho iniziato con un sacco di tentativi ed errori. Ma è finito con un risultato che ha funzionato.

Questo è ciò di cui hai bisogno per questo progetto:

Software

APP Facebook

Impronta digitale di Facebook

Arduino IDE

Librerie per Arduino IDE

WIFI ESP8266

Display a sette segmenti

JSON

Hardware

Ikea Ribba 000.783.34 (o altro telaio per contenere il progetto)

NodeMCU (mini)

Visualizza

Utensili

Strumento rotante o qualcosa per fare un foro quadrato nella piastra posteriore del telaio.

Passaggio 1: crea l'APP di Facebook

Crea APP Facebook
Crea APP Facebook
Crea APP Facebook
Crea APP Facebook

Questo può essere fatto su developer.facebook.com. Dopo aver creato l'APP, annota l'ID dell'app e il segreto dell'app. Avrai bisogno di questo nel codice.

Vuoi testare l'accesso per la tua APP? Vai su

Immettere quanto segue: AAA ?access_token= BBB | CCC &fields=conta_fan

  • AAA = ID o nome della pagina Facebook,
  • BBB = ID app
  • CCC = Segreto dell'app

Notare il | (pipe) tra App ID e App Secret.

Fase 2: Hardware – Elettronica

Hardware – Elettronica
Hardware – Elettronica

Ora passiamo alla parte divertente. Ho usato un NodeMCU Mini. Questi sono disponibili in varie varietà e fasce di prezzo in una varietà di negozi online e su eBay. C'erano due ragioni per cui ho scelto un mini. La prima ragione era che ne avevo già una bugiarda nel cassetto. L'altro motivo è che è piccolo e occupa poco spazio in una cornice.

Ho acquistato un display composto da quattro segmenti montati su una scheda elettronica, quindi ho solo bisogno di usare quattro degli IO di NoceMCUen.

NOTA: NodeMCU ha solo un'uscita a 3,3 V mentre il display avrà preferibilmente 5 V. Funzionerà con 3,3 V ma si accenderà leggermente. Fortunatamente per me il mio NodeMCU fornisce uscite a 5V tramite VIN.

Come puoi vedere nella mia immagine un po' sfocata, VIN, VCC e pin dati sono allineati. Ciò significa che non ho bisogno di cavi tra il NodeMCU e il display. Basta far scorrere le schede insieme e aggiungere un po' di saldatura.

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

Dichiarazione di non responsabilità: non mi assumo alcuna responsabilità per il collegamento delle vostre apparecchiature e per eventuali danni che potrebbero verificarsi sulle vostre apparecchiature se seguite il mio esempio. Fortunatamente, questa configurazione sembra funzionare con me.

Passaggio 3: hardware – Cornice

Hardware – Cornice
Hardware – Cornice
Hardware – Cornice
Hardware – Cornice
Hardware – Cornice
Hardware – Cornice

Ho comprato un Ikea Ribba 000.783.34. Il motivo per cui ho comprato questo telaio è che ha un telaio profondo. Quindi posso montare facilmente il display e l'elettronica.

L'immagine sopra mostra che ho praticato dei fori per il display. Ho realizzato un modello che ho attaccato alla piastra posteriore e segnato dove volevo avere il display. Poi ho usato uno strumento rotante per fare il buco.

Il passo successivo è stato quello di modificare il posizionamento del display e renderlo il più luminoso possibile attraverso la carta davanti. Come probabilmente capirai, non ho iniziato con il telaio stesso. Perché sarebbe inutile costruire un display in una cornice se non avessi un numero da visualizzare.

Dopo aver creato un'APP per Facebook, ho dovuto immergermi in un mondo un po' sconosciuto. Non ne so molto di programmazione C++. Ma si è concluso con un risultato soddisfacente dopo molte prove ed errori.

Passaggio 4: Software – Librerie Arduino

WIFI: per connettersi alle reti wireless, abbiamo bisogno di una libreria per ESP8266. Se non lo hai prima, vai qui https://github.com/esp8266/Arduino e segui i passaggi per aggiungerlo all'IDE Arduino.

Display: la libreria successiva è per il display a sette segmenti. Scarica la libreria Arduino SevenSegmentTM1637 da https://github.com/bremme/arduino-tm1637 Ho provato diverse librerie per il display. Questo è stato il primo che ho trovato che funzionava con il mio tabellone.

JSON: l'ultima libreria è per la gestione dei dati JSON da Facebook. Scarica ArduinoJson - libreria JSON C++ per IoT da

Facebook Fingerprint: Per connetterci a Facebook abbiamo bisogno anche di un'impronta digitale. Invece di cercare di spiegartelo, consiglio di dare un'occhiata alla documentazione

Passaggio 5: Software – Codice

Scarica il codice qui:

  • AAA = ID o nome della pagina Facebook
  • BBB = ID app Facebook
  • CCC = Segreto dell'app
  • DDD = impronta digitale

Consigliato: