สารบัญ:
2025 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2025-01-13 06:58
อัปเดต: 26.09.2019 - เวลาผ่านไปอย่างรวดเร็วและการเปลี่ยนแปลงของเทคโนโลยี ตั้งแต่ฉันสร้างโปรเจ็กต์นี้ Facebook ได้เปลี่ยนการตั้งค่า API และแอพ ดังนั้นขั้นตอนในการสร้าง Facebook APP จึงหมดอายุลง วันนี้ฉันไม่มีสิทธิ์เข้าถึงหรือมีโอกาสติดตามขั้นตอนนี้อีกต่อไป ถึงกระนั้น ฉันปล่อยให้บทช่วยสอนนี้เป็นแรงบันดาลใจในการสร้างสิ่งที่คล้ายกัน แม้ว่าจะหมดอายุแล้วก็ตาม ขอให้โชคดีกับโครงการของคุณและแสดงความคิดเห็นหากคุณได้ทำสิ่งที่คล้ายกัน
โดยได้รับแรงบันดาลใจจาก YouTube Subscriber Counter ของ Becky Stern ฉันต้องการแสดงจำนวนการชอบในหน้า Facebook เป้าหมายของฉันกับโครงการนี้คือการนำจำนวนแฟน ๆ จากเพจ Facebook ออกมา ไม่ใช่ใครก็ตามที่ฉันดูแลอยู่ รหัส C ไม่ใช่สาขาของฉัน ดังนั้นฉันจึงเริ่มต้นด้วยการลองผิดลองถูกมากมาย แต่ลงเอยด้วยผลงานที่ได้ผล
นี่คือสิ่งที่คุณต้องการสำหรับโครงการนี้:
ซอฟต์แวร์
แอพ Facebook
ลายนิ้วมือ Facebook
Arduino IDE
ไลบรารี่สำหรับ Arduino IDE
WIFI ESP8266
เจ็ดส่วนแสดงhttps://github.com/bremme/arduino-tm1637
JSON
ฮาร์ดแวร์
Ikea Ribba 000.783.34 (หรือโครงอื่นเพื่อยึดโครง)
NodeMCU (มินิ)
ดิสเพลย์
เครื่องมือ
เครื่องมือโรตารี่หรืออะไรทำรูสี่เหลี่ยมที่แผ่นรองหลังของเฟรม
ขั้นตอนที่ 1: สร้าง Facebook APP
สามารถทำได้ที่ developer.facebook.com หลังจากสร้างแอปแล้ว ให้จด App ID และ App Secret คุณจะต้องใช้สิ่งนี้ในรหัส
ต้องการทดสอบการเข้าถึงแอปของคุณหรือไม่ ไปที่
ป้อนข้อมูลต่อไปนี้: 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 APP แล้ว ฉันต้องพาตัวเองไปสู่โลกที่ไม่ค่อยมีใครรู้จัก ฉันไม่รู้อะไรมากเกี่ยวกับการเขียนโปรแกรม C ++ แต่ลงเอยด้วยผลลัพธ์ที่น่าพึงพอใจหลังจากการลองผิดลองถูกมาหลายครั้ง
ขั้นตอนที่ 4: ซอฟต์แวร์ – Arduino Libaries
WIFI: ในการเชื่อมต่อกับเครือข่ายไร้สาย เราจำเป็นต้องมีห้องสมุดสำหรับ ESP8266 หากคุณยังไม่มีสิ่งนี้ ไปที่นี่ https://github.com/esp8266/Arduino และทำตามขั้นตอนเพื่อเพิ่มลงใน Arduino IDE
จอแสดงผล: ไลบรารีถัดไปมีไว้สำหรับการแสดงผลเจ็ดส่วน ดาวน์โหลด SevenSegmentTM1637 Arduino Library จาก https://github.com/bremme/arduino-tm1637 ฉันลองใช้ไลบรารี่ต่างๆ สำหรับการแสดงผล นี่เป็นครั้งแรกที่ฉันพบว่าใช้งานได้กับบอร์ดแสดงผลของฉัน
JSON: ไลบรารีสุดท้ายสำหรับจัดการข้อมูล JSON จาก Facebook ดาวน์โหลด ArduinoJson - ไลบรารี C++ JSON สำหรับ IoT จาก
ลายนิ้วมือของ Facebook: ในการเชื่อมต่อกับ Facebook เราจำเป็นต้องมีลายนิ้วมือด้วย แทนที่จะพยายามอธิบายเรื่องนี้ให้คุณฟัง ฉันขอแนะนำให้ดูเอกสารประกอบ
ขั้นตอนที่ 5: ซอฟต์แวร์ – รหัส
ดาวน์โหลดโค้ดได้ที่นี่:
- AAA = Facebook ID หรือชื่อเพจ
- BBB = Facebook App ID
- CCC = ความลับของแอป
- DDD = ลายนิ้วมือ