1
1
# FirebaseNeoPixel
2
2
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.
4
4
5
5
## Hardware setup
6
6
@@ -25,23 +25,24 @@ FirebaseNeoPixel is a sample that shows how to set pixel data from Firebase web
25
25
## Configuration
26
26
27
27
1 . 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
30
30
1 . Go to https://firebase.google.com/console/ and create a new Firebase Project
31
31
1 . Go to ` Database `
32
32
1 . 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 `
34
34
1 . Go to ` ⚙ > Project Settings > Database > Database secrets `
35
35
1 . Click ` Firebase Secrets > Show `
36
36
1 . 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 `
38
38
1 . Select the board ` Board > ESP8266 Modules > NodeMCU 1.0 `
39
39
1 . Select the serial port ` Port > /dev/tty... `
40
40
1 . Select the upload speed ` Upload Speed > 115200 `
41
41
1 . Click ` Sketch > Upload `
42
42
1 . 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.
45
46
1 . Deploy the ` public ` directory to Firebase hosting
46
47
```
47
48
npm install -g firebase-tools bower
@@ -53,6 +54,7 @@ firebase deploy
53
54
54
55
## Play
55
56
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