ESP-01s GPIO WebServer

This project use WebServer library to host a GPIO control and monitoring web page.

Known Issues

1. This WebServer response synchronously. It could miss massages when you request frequently.
   Use ESPAsyncWebServer may solve this issue.

Hardware

• ESP-01s
• LEDs

Software

• Arduino IDE
• ESP8266 on Arduino
• Arduino ESP8266 WebServer library (Included in ESP8266 on Arduino)
• Arduino ESP8266 filesystem uploader

Code

GPIO-8266.zip

.
├── GPIO-8266.ino
└── data
    └── demo.html

Procedure

1. Open “GPIO-8266.ino" and custom your code contained wifi info:

   // Modify these as you need
   const char* ssid = "41a iPhone";
   const char* password = "********";
   

2. Upload the GPIO-8266.ino with following config

   

3. Upload data by clicking Tools -> ESP32 Sketch Data Upload.

   Wait until upload done.

4. Make sure your Wi-Fi hotspot is available.

   Connect your Mac/PC to the Wi-Fi. Then open any browser, enter “http://esp8266.local/demo.html" in the URL. (Or http://ip/demo.html). ESP8266’s IP will show in Serial Monitor when it connect to your Wi-Fi.

Screenshot



ESP32 Web LED Matrix

This project controls the LED Matrix by ESP32.

You can change the text on the LED Matrix with a webpage which is hosted by ESP32.

Known issues

1. The fonts differ from OS. Effects are not the same between Mac and iPhone.
2. The font is not optimized for LEDs. It can be replaced by unifont in BDF format.
3. Or use font AR PL New Sung(Firefly Sung) with changing code in fontpixel.js form if (data32[i] & 0x80000000) to if (data32[i] > 0x40000000), the effect becomes better!
   • 12 x 12:
   • 14 x 14:
   • 16 x 16

Hardware

• 8×8 LED Matrix with driver Max7219, 8 pcs
• ESP32 Dev Board
• Wi-Fi Hotspot Device (Smart phone, Router … etc.)

Software

• Arduino IDE
• ESP32 on Arduino IDE
• Arduino ESP32 filesystem uploader
• Library – LED Control

Code

CtrlMatrixLED16X32_ChangeMessage.zip

.
├── CtrlMatrixLED16X32_ChangeMessage.ino
├── LedControl.cpp
├── LedControl.h
└── data
    ├── demo.html
    ├── fontpixels.js
    └── rot.min.js

Procedure

1. Connect the LED Matrices with these pin as following figures:
   

   LED Matrices	ESP32 DEV Board
   VCC	5V
   GND	GND
   DIN	Pin 12
   CS	Pin 14
   CLK	Pin 13

   

2. Connect all the input and output by daisy chain on the matrices.
3. Open “CtrlMatrixLED16X32_ChangeMessage.ino" and custom your code contained wifi info:

   // Modify these as you need
   const char* ssid = "41a iPhone";
   const char* password = "********";
   

4. Connect ESP32 and upload the sketch by following config:
5. In Arduino IDE, Click Tools -> ESP32 Sketch Data Upload. Wait until upload done.
6. Make sure your Wi-Fi hotspot is available.Connect your Mac/PC to the Wi-Fi. Then open any browser, enter “http://esp32.local/demo.html" in the URL. (Or http://ESP32 ip/demo.html). ESP32’s IP will show in Serial Monitor when it connect to your Wi-Fi.



7. Now you can type any text you want. It will show text on the matrix simultaneously.





Arduino ESP8266 filesystem uploader

轉自Github – Arduino ESP8266 filesystem uploader

Arduino plugin which packs sketch data folder into SPIFFS filesystem image,
and uploads the image to ESP8266 flash memory.

Tested with the following Arduino IDE versions: 1.6.5-r2, 1.6.6

Installation

• Make sure you use one of the supported versions of Arduino IDE and have ESP8266 core installed.
• Download the tool archive from releases page.
  Or here ESP8266FS-0.3.0.zip, source code arduino-esp8266fs-plugin-0.3.0
• In your Arduino sketchbook directory, create tools directory if it doesn't exist yet.
• Unpack the tool into tools directory (the path will look like <home_dir>/Arduino/tools/ESP8266FS/tool/esp8266fs.jar).
• Restart Arduino IDE.
• On the OS X create the tools directory in ~/Documents/Arduino/ and unpack the files there becomes <home_dir>/Documents/Arduino/tools/ESP8266FS/tool/esp8266fs.jar

Usage

• Open a sketch (or create a new one and save it).
• Go to sketch directory (choose Sketch > Show Sketch Folder).
• Create a directory named data and any files you want in the file system there.
• Make sure you have selected a board, port, and closed Serial Monitor.
• Select Tools > ESP8266 Sketch Data Upload menu item. This should start uploading the files into ESP8266 flash file system.
  When done, IDE status bar will display SPIFFS Image Uploaded message. Might take a few minutes for large file system sizes.

Screenshot



Credits and license

• Copyright (c) 2015 Hristo Gochkov (ficeto at ficeto dot com)
• Licensed under GPL v2 (text)
• Maintained by Ivan Grokhotkov (ivan at esp8266 dot com)

Issues and suggestions

File issues here on github, or ask your questions on the esp8266.com forum.