Isi kandungan:

Kaunter Media Sosial Dengan ESP8266 dan TFT: 10 Langkah
Kaunter Media Sosial Dengan ESP8266 dan TFT: 10 Langkah

Video: Kaunter Media Sosial Dengan ESP8266 dan TFT: 10 Langkah

Video: Kaunter Media Sosial Dengan ESP8266 dan TFT: 10 Langkah
Video: 12 Useful & Interesting ESP32 Projects for Beginners! 2024, November
Anonim
Kaunter Media Sosial Dengan ESP8266 dan TFT
Kaunter Media Sosial Dengan ESP8266 dan TFT
Kaunter Media Sosial Dengan ESP8266 dan TFT
Kaunter Media Sosial Dengan ESP8266 dan TFT
Kaunter Media Sosial Dengan ESP8266 dan TFT
Kaunter Media Sosial Dengan ESP8266 dan TFT

Instruksional ini akan menunjukkan cara membuat kaunter media sosial berdasarkan ESP8266 dan TFT warna untuk pemasangan dinding atas.

Kaunter media sosial ini akan memaparkan maklumat mengenai akaun Facebook, Instagram dan Youtube anda secara berturut-turut.

Langkah 1: Alat dan Bahan

Alat dan Bahan
Alat dan Bahan
Alat dan Bahan
Alat dan Bahan

Bil bahan:

  • NodeMCU V2 Amica atau Wemos D1 mini
  • Kit ESP ArduiTouch

Alat:

  • besi pematerian
  • pemacu skru
  • tang pemotong sisi
  • svoltmeter (pilihan)

Perisian:

Arduino IDE

Langkah 2: Pemasangan Set Arduitouch

Perhimpunan Set Arduitouch
Perhimpunan Set Arduitouch

Anda mesti memasang kit ArduiTouch terlebih dahulu. Lihatlah manual pembinaan yang dilampirkan.

Langkah 3: Pemasangan Perpustakaan Tambahan

Firmware ditulis di bawah Arduino IDE. Ikuti arahan ini untuk penyediaan Arduino IDE untuk ESP8266:

Anda memerlukan beberapa perpustakaan tambahan. Pasang perpustakaan berikut melalui Arduino Library Manager

Perpustakaan Adafruit GFX

Perpustakaan Adafruit ILI9341

XPT2046_Layar sentuh oleh Paul Stoffregen

ArduinoJson

JsonStreamingParser

Statistik Instagram

YoutubeAPI

Anda juga boleh memuat turun pustaka secara langsung sebagai fail ZIP dan memampatkan folder di bawah folder / perpustakaanarduinosketch / anda / Setelah memasang perpustakaan Adafruit, mulakan semula Arduino IDE.

Langkah 4: Perisian firmware

Sila muat turun contoh kod dan buka di Arduino IDE. Sebelum penyusunan, anda perlu menambahkan beberapa data individu - lihat langkah seterusnya…

Langkah 5: Persediaan untuk WiFi

/ * _ Tentukan WiFi _ * /

// # define WIFI_SSID "xxxxxx" // Masukkan SSID anda di sini

// # define WIFI_PASS "xxxxx" // Masukkan kata laluan WiFi anda di sini # tentukan WIFI_HOSTNAME "Social_Counter" #define PORT 5444 #define WIFICLIENT_MAX_PACKET_SIZE 100 / * _ Akhir definisi WiFi _ * /

Masukkan SSID & kata laluan WiFi anda di medan di bahagian WiFi

Langkah 6: Penyediaan Facebook

/ * _ Tentukan konfigurasi Facebook _ * /

#tentukan FACEBOOK_HOST "graph.facebook.com"

#define FACEBOOK_PORT 443 #definisikan PAGE_ID "YOUR_PAGE_ID" #define ACCESS_TOKEN "YOUR_ACCESS_TOKEN" // graph.facebook.com SHA1 sidik jari tetap * facebookGraphFingerPrint = "YOUR_FINGER_PRINT"; / * _ Akhir konfigurasi Facebook _ * /

  • Ikuti langkah-langkah di [halaman ini] (https://developers.facebook.com/docs/pages/getting-started) untuk membuat APP
  • Setelah aplikasi dibuat, pergi ke penjelajah grafik.
  • Di bahagian atas kanan tukar aplikasi ke yang baru yang anda buat
  • Klik "Dapatkan Token" dan kemudian klik "Dapatkan Token Akses Pengguna"
  • Periksa pilihan "User_Friends", klik dapatkan token akses dan mengesahkan aplikasi dengan akaun anda.
  • Kekunci yang muncul di bar boleh digunakan dengan perpustakaan.
  • Klik pada [pautan ini] (https://developers.facebook.com/apps),
  • klik pada aplikasi yang anda buat. ID pengguna dan rahsia pengguna anda terdapat di halaman ini. Anda memerlukannya untuk memperluaskan kunci API, yang boleh anda lakukan menggunakan perpustakaan

Langkah 7: Persediaan untuk Youtube

/ * _ Tentukan konfigurasi Youtube _ * /

#define API_KEY "YOUR_API_KEY" // Token API aplikasi google anda

#definisi CHANNEL_ID "YOUR_CHANNEL_ID" // membentuk url saluran / * _ Akhir konfigurasi Youtube _ * /

Perlu membuat kunci API Google Apps:

  • Buat aplikasi [di sini] (https://console.developers.google.com)
  • Di bahagian Pengurus API, pergi ke "Kredensial" dan buat kunci API baru
  • Dayakan aplikasi anda untuk menyampaikan Api YouTube [di sini] (https://console.developers.google.com/apis/api/youtube)
  • Pastikan URL berikut berfungsi untuk anda di penyemak imbas anda (Tukar kunci di akhir!):

Langkah 8: Persediaan untuk Instagram

/ * _ Tentukan konfigurasi Instagram _ * /

Rentetan Instagram_userName = "YOUR_USERNAME"; // dari url instagram mereka

/ * _ Akhir konfigurasi Youtube _ * /

Anda hanya perlu memasukkan nama Instagram anda di ruangan di atas.

Langkah 9: Penyusunan Akhir

Selepas penyusunan dan muat naik, anda akan melihat statistik Youtube, Facebook dan Instagram anda secara berterusan berturut-turut di TFT.

Disyorkan: