Número de fans de Facebook: 5 pasos (con imágenes)

2024 Autor: John Day | [email protected]. Última modificación: 2024-01-30 08:41

Actualización: 26.09.2019 - El tiempo vuela y la tecnología cambia. Desde que creé este proyecto, Facebook ha cambiado sus API y la configuración de la aplicación. Entonces, el paso para crear una APLICACIÓN de Facebook ha expirado. Hoy ya no tengo acceso ni oportunidad de seguir este paso. Aún así, dejo este tutorial como inspiración para crear algo similar, aunque ya haya caducado. Buena suerte con tus proyectos y deja un comentario si has realizado algo similar.

Inspirado por el contador de suscriptores de YouTube de Becky Stern, quería mostrar el número de me gusta de una página de Facebook. Mi objetivo con este proyecto era sacar a relucir el número de fans de una página de Facebook. No a nadie más que a uno que yo administro. Codificar C no es mi campo, así que comencé con muchas pruebas y errores. Pero terminó con un resultado que funcionó.

Esto es lo que necesitas para este proyecto:

Software

APLICACIÓN de Facebook

Huella digital de Facebook

IDE de Arduino

Bibliotecas para Arduino IDE

WIFI ESP8266

Pantalla de siete segmentos

JSON

Hardware

Ikea Ribba 000.783.34 (u otro marco para sostener el proyecto)

NodeMCU (mini)

Mostrar

Instrumentos

Herramienta rotativa o algo para hacer un agujero cuadrado en la placa trasera del marco.

Paso 1: Crea la APLICACIÓN de Facebook

Esto se puede hacer en developers.facebook.com. Una vez creada la aplicación, anote el ID de la aplicación y el secreto de la aplicación. Necesitará esto en el código.

¿Quieres probar el acceso a tu aplicación? Dirígete a

Ingrese lo siguiente: AAA? Access_token = BBB | CCC & fields = fan_count

• AAA = ID o nombre de la página de Facebook,
• BBB = ID de la aplicación
• CCC = Secreto de la aplicación

Tenga en cuenta el | (tubería) entre App ID y App Secret.

Paso 2: Hardware - Electrónica

Ahora pasemos a la parte divertida. He usado un NodeMCU Mini. Estos están disponibles en varias variedades y rangos de precios en una variedad de tiendas en línea y en eBay. Hubo dos razones por las que elegí un mini. La primera razón fue que ya tenía uno en mi cajón. La otra razón es que es pequeño y ocupa poco espacio en un marco de imagen.

Compré una pantalla que consta de cuatro segmentos montados en una placa de componentes electrónicos, por lo que solo necesito usar cuatro de las E / S de NoceMCUen.

NOTA: NodeMCU tiene solo una salida de 3.3V, mientras que la pantalla preferiblemente tendrá 5V. Funcionará con 3.3V pero se iluminará levemente. Afortunadamente para mí, mi NodeMCU da salidas de 5V a través de VIN.

Como puede ver en mi imagen algo borrosa, el VIN, VCC y el pin de datos están alineados. Esto significa que no necesito ningún cable entre el NodeMCU y la pantalla. Simplemente deslice las tablas juntas y agregue un poco de soldadura.

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

Descargo de responsabilidad: No me hago responsable de conectar su equipo y de cualquier daño que pueda ocurrir en su equipo si sigue mi ejemplo. Afortunadamente, esta configuración parece funcionarme.

Paso 3: Hardware - Marco

Compré un Ikea Ribba 000.783.34. La razón por la que compré este marco es que tiene un marco profundo. Entonces puedo colocar fácilmente la pantalla y la electrónica.

La imagen de arriba muestra que hice agujeros para la pantalla. Hice una plantilla que adjunté a la placa posterior y marqué donde quería tener la pantalla. Luego utilicé una herramienta rotativa para hacer el agujero.

El siguiente paso fue ajustar la ubicación de la pantalla y hacerla lo más brillante posible a través del papel de enfrente. Como probablemente comprenderá, no comencé con el marco en sí. Porque sería inútil construir una pantalla en un marco si no tuviera un número para mostrar.

Después de haber creado una aplicación de Facebook, tuve que ponerme en un mundo un tanto desconocido. No sé mucho sobre programación en C ++. Pero terminó con un resultado satisfactorio después de mucho ensayo y error.

Paso 4: Software - Arduino Libaries

WIFI: Para conectarnos a redes inalámbricas, necesitamos una biblioteca para ESP8266. Si no tiene esto antes, vaya aquí https://github.com/esp8266/Arduino y siga los pasos para agregarlo a Arduino IDE.

Pantalla: la siguiente biblioteca es para la pantalla de siete segmentos. Descargue la biblioteca Arduino SevenSegmentTM1637 de https://github.com/bremme/arduino-tm1637 Probé varias bibliotecas diferentes para la pantalla. Este fue el primero que encontré que funcionó con mi tablero de visualización.

JSON: la última biblioteca es para manejar datos JSON de Facebook. Descargue ArduinoJson - biblioteca JSON C ++ para IoT desde

Huella digital de Facebook: Para conectarnos a Facebook también necesitamos una huella digital. En lugar de intentar explicarte esto, te recomiendo que eches un vistazo a la documentación

Paso 5: Software - Código

Descarga el código aquí:

• AAA = ID o nombre de la página de Facebook
• BBB = ID de la aplicación de Facebook
• CCC = Secreto de la aplicación
• DDD = huella digital