Jumlah Penggemar Facebook: 5 Langkah (dengan Gambar)
Jumlah Penggemar Facebook: 5 Langkah (dengan Gambar)

Daftar Isi:

Anonim
Jumlah Penggemar Facebook
Jumlah Penggemar Facebook

Pembaruan: 26.09.2019 - Waktu berlalu dan perubahan teknologi. Sejak saya membuat proyek ini, Facebook telah mengubah API dan pengaturan APP-nya. Jadi langkah untuk membuat APP Facebook telah kedaluwarsa. Hari ini saya tidak lagi memiliki akses atau kesempatan untuk menindaklanjuti langkah ini. Tetap saja, saya meninggalkan tutorial ini sebagai inspirasi untuk membuat sesuatu yang serupa, meskipun sudah kedaluwarsa. Semoga berhasil dengan proyek Anda dan tinggalkan komentar jika Anda telah membuat sesuatu yang serupa.

Terinspirasi oleh Penghitung Pelanggan YouTube Becky Stern, saya ingin membuat tampilan jumlah suka untuk halaman Facebook. Tujuan saya dengan proyek ini adalah untuk mengeluarkan jumlah penggemar dari halaman Facebook. Bukan siapa pun kecuali satu yang saya kelola. Untuk kode C bukan bidang saya jadi saya mulai dengan banyak coba-coba. Tetapi berakhir dengan hasil yang berhasil.

Inilah yang Anda butuhkan untuk proyek ini:

Perangkat lunak

APLIKASI Facebook

Sidik jari Facebook

Arduino IDE

Perpustakaan untuk Arduino IDE

WIFI ESP8266

Tampilan tujuh segmen

JSON

Perangkat keras

Ikea Ribba 000.783.34 (atau bingkai lain untuk menahan proyek)

NodeMCU (mini)

Tampilan

Peralatan

Alat putar atau sesuatu untuk membuat lubang persegi di pelat belakang bingkai.

Langkah 1: Buat APLIKASI Facebook

Buat APLIKASI Facebook
Buat APLIKASI Facebook
Buat APLIKASI Facebook
Buat APLIKASI Facebook

Ini dapat dilakukan di developers.facebook.com. Setelah APP dibuat, catat App ID dan App Secret. Anda akan membutuhkan ini dalam kode.

Ingin menguji akses untuk APP Anda? Buka

Masukkan berikut ini: AAA ?access_token= BBB | CCC &bidang=fan_count

  • AAA = ID atau nama Halaman Facebook,
  • BBB = ID Aplikasi
  • CCC = Rahasia Aplikasi

Perhatikan | (pipa) antara ID Aplikasi dan Rahasia Aplikasi.

Langkah 2: Perangkat Keras – Elektronik

Perangkat Keras – Elektronik
Perangkat Keras – Elektronik

Sekarang ke bagian yang menyenangkan. Saya telah menggunakan Mini NodeMCU. Ini tersedia dalam berbagai varietas dan kisaran harga di berbagai toko online dan di eBay. Ada dua alasan saya memilih mini. Alasan pertama adalah bahwa saya sudah memiliki yang berbohong di laci saya. Alasan lainnya adalah karena ukurannya yang kecil dan memakan sedikit ruang dalam bingkai foto.

Saya membeli layar yang terdiri dari empat segmen yang dipasang pada papan elektronik jadi saya hanya perlu menggunakan empat IO NoceMCUen.

CATATAN: NodeMCU hanya memiliki output 3.3V sedangkan tampilan lebih disukai memiliki 5V. Ini akan bekerja dengan 3.3V tetapi akan sedikit menyala. Untungnya bagi saya NodeMCU saya memberikan output 5V melalui VIN.

Seperti yang Anda lihat pada gambar saya yang agak buram, VIN, VCC, dan pin data disejajarkan. Ini berarti saya tidak memerlukan kabel antara NodeMCU dan tampilan. Cukup geser papan bersama-sama dan tambahkan beberapa solder.

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

Penafian: Saya tidak bertanggung jawab untuk menghubungkan peralatan Anda bersama-sama dan segala kerusakan yang mungkin terjadi pada peralatan Anda jika Anda mengikuti contoh saya. Untungnya, pengaturan ini tampaknya berhasil bagi saya.

Langkah 3: Perangkat Keras – Bingkai

Perangkat Keras – Bingkai
Perangkat Keras – Bingkai
Perangkat Keras – Bingkai
Perangkat Keras – Bingkai
Perangkat Keras – Bingkai
Perangkat Keras – Bingkai

Saya membeli Ikea Ribba 000.783.34. Alasan mengapa saya membeli bingkai ini adalah karena bingkainya dalam. Kemudian saya dapat dengan mudah menyesuaikan tampilan dan elektronik.

Gambar di atas menunjukkan bahwa saya telah membuat lubang untuk tampilan. Saya membuat templat yang saya lampirkan ke pelat belakang dan menandai di mana saya ingin memiliki tampilan. Kemudian saya menggunakan alat putar untuk membuat lubang.

Langkah selanjutnya adalah mengubah penempatan tampilan dan membuatnya seterang mungkin melalui kertas di depan. Seperti yang mungkin Anda pahami, saya tidak memulai dengan bingkai itu sendiri. Karena tidak ada gunanya membuat pajangan dalam bingkai jika saya tidak memiliki nomor untuk dipajang.

Setelah saya membuat APP Facebook, saya harus menempatkan diri saya ke dunia yang agak tidak dikenal. Saya tidak tahu banyak tentang pemrograman C++. Tapi berakhir dengan hasil yang memuaskan setelah banyak trial and error.

Langkah 4: Perangkat Lunak – Perpustakaan Arduino

WIFI: Untuk terhubung ke jaringan nirkabel, kami memerlukan perpustakaan untuk ESP8266. Jika Anda belum memiliki ini sebelumnya, buka di sini https://github.com/esp8266/Arduino dan ikuti langkah-langkah untuk menambahkannya ke Arduino IDE.

Tampilan: Pustaka berikutnya adalah untuk tampilan tujuh segmen. Unduh Perpustakaan Arduino SevenSegmentTM1637 dari https://github.com/bremme/arduino-tm1637 Saya mencoba beberapa perpustakaan berbeda untuk tampilan. Yang ini adalah yang pertama saya temukan yang bekerja dengan papan display saya.

JSON: Pustaka terakhir adalah untuk menangani data JSON dari Facebook. Unduh ArduinoJson - pustaka C++ JSON untuk IoT dari

Sidik Jari Facebook: Untuk terhubung ke Facebook kita juga membutuhkan sidik jari. Alih-alih mencoba menjelaskan ini kepada Anda, saya sarankan untuk melihat dokumentasi

Langkah 5: Perangkat Lunak – Kode

Unduh kodenya di sini:

  • AAA = ID atau nama Halaman Facebook
  • BBB = ID Aplikasi Facebook
  • CCC = Rahasia Aplikasi
  • DDD = Sidik Jari