11# FirebaseNeoPixel
22
3- FirebaseNeoPixel is a sample that shows how to set pixel data from Firebase web app.
3+ FirebaseNeoPixel is a sample that shows how to set pixel data from a Firebase web app.
44
55## Hardware setup
66
@@ -25,23 +25,24 @@ FirebaseNeoPixel is a sample that shows how to set pixel data from Firebase web
2525## Configuration
2626
27271 . Start Arduino
28- 1 . Open ` File > Examples > FirebaseArduino > FirebaseRoom_ESP8266 `
29- 1 . In ` FirebaseRoom_ESP8266 ` : Replace ` WIFI_SSID ` and ` WIFI_PASSWORD ` with WiFi credentials
28+ 1 . Open ` File > Examples > FirebaseArduino > FirebaseNeoPixel_ESP8266 `
29+ 1 . In ` FirebaseNeoPixel_ESP8266 ` : Replace ` WIFI_SSID ` and ` WIFI_PASSWORD ` with WiFi credentials
30301 . Go to https://firebase.google.com/console/ and create a new Firebase Project
31311 . Go to ` Database `
32321 . Copy the ` Database hostname ` (Database URL without ` https:// ` and trailing ` / ` )
33- 1 . In ` FirebaseRoom_ESP8266 ` : replace ` FIREBASE_HOST ` with the ` Database Hostname `
33+ 1 . In ` FirebaseNeoPixel_ESP8266 ` : replace ` FIREBASE_HOST ` with the ` Database Hostname `
34341 . Go to ` ⚙ > Project Settings > Database > Database secrets `
35351 . Click ` Firebase Secrets > Show `
36361 . Copy the ` Database Secret `
37- 1 . In ` FirebaseRoom_ESP8266 ` : Replace ` FIREBASE_AUTH ` with ` Database Secret `
37+ 1 . In ` FirebaseNeoPixel_ESP8266 ` : Replace ` FIREBASE_AUTH ` with ` Database Secret `
38381 . Select the board ` Board > ESP8266 Modules > NodeMCU 1.0 `
39391 . Select the serial port ` Port > /dev/tty... `
40401 . Select the upload speed ` Upload Speed > 115200 `
41411 . Click ` Sketch > Upload `
42421 . Open ` public/index.html ` with a text editor
43- 1 . Replace ` example.firebaseio.com ` with the ` Firebase Hostname ` from step ` 2. `
44- 1 . Replace ` secret_or_token ` with ` Firebase Secret ` from step ` 5. `
43+ 1 . Replace ` yourproject.firebaseio.com ` with the ` Firebase Hostname ` used for configuring the Arduino project.
44+ 1 . Replace ` yourproject.firebaseapp.com ` with the ` Firebase Domain ` from hosting tab of the Firebase Console.
45+ 1 . Replace ` secret_or_token ` with the ` Firebase Secret ` used to configure the Arduino project.
45461 . Deploy the ` public ` directory to Firebase hosting
4647```
4748npm install -g firebase-tools bower
@@ -53,6 +54,7 @@ firebase deploy
5354
5455## Play
5556
56- 1 . Go to the firebase hosting URL: ` firebase-name.firebaseapp.com `
57- 1 . Use the color picker and paint the NeoPixel table
58- 1 . Watch the NeoPixel being updated to the matching color
57+ 1 . Go to the firebase hosting URL: ` firebase-name.firebaseapp.com ` .
58+ 1 . Initialize the pixel data by copying / pasting example pixel data from the page and clicking ** Update** .
59+ 1 . Use the color picker and paint the NeoPixel table.
60+ 1 . Watch the NeoPixel being updated to the matching color.
0 commit comments