UIFlow - M5StickC Plus

Driver Installation

Connect the device to the PC, open the device manager to install FTDI driver for the device. Take the win10 environment as an example, download the driver file that matches the operating system, unzip it, and install it through the device manager. (Note: In some system environments, the driver needs to be installed twice for the driver to take effect. The unrecognized device name is usually M5Stack or USB Serial. Windows recommends using the driver file to install directly in the device manager (custom Update), the executable file installation method may not work properly). Click here to download FTDI driver

For MacOS users, please check System Preferences -> Security and Privacy -> General -> Allow downloadable apps from the following locations -> App Store and Approved Developer Options .

Burning tool

Please click the button below to download the corresponding M5Burner firmware burning tool according to your operating system. Unzip and open the application.

Software Link
M5Burner_Windows Download
M5Burner_MacOS Download
M5Burner_Linux Download

Note:
For MacOS users, please put the application in the Application folder after the installation is complete, as shown in the figure below.
For Linux users, please switch to the unzipped file path and run ./M5Burner in the terminal to run the application.

Firmware burning

Double-click to open the Burner burning tool, select the corresponding device class in the left menu, select the firmware of the matching device, and click the download button to download.

Connect the M5 device to the computer through the Type-C data cable, select the corresponding COM port, the baud rate can use the default configuration in M5Burner, click on Burn.

In the firmware burning stage, you need to fill in the WiFi information into the WiFi configuration box. The information will be burned and saved to the M5 device along with the firmware, and click on Start to start burning. Note: If the programming timeout occurs, try to reduce the baud rate to 115200.

When the burning log prompts Burn Successfully, it means that the firmware has been burned.

When burning for the first time or the firmware program runs abnormally, you can click Erase in the upper right corner to erase the flash memory. In the subsequent firmware update, there is no need to erase again, otherwise the saved Wi-Fi information will be deleted and refreshed API KEY.

Get API KEY

Please connect your M5 device to the computer through the Type-C data cable and select the corresponding COM port
1. Click configuration to view, API KEY information will appear in the configuration box. (Please copy and save APIKEY, it is the credential for subsequent UIFlow communication)
2. Configure Start Mode to Internet Mode (After completing this configuration, the device will automatically restart and enter the online programming mode)
3. For the description of other configuration items in the configuration box, please refer to the configuration description below.

M5Burner configuration item description

If you need to modify the configuration file, please connect your M5 device to the computer through the Type-C data cable and select the corresponding COM, and then click configuration to modify.

APIKEY: Communication credentials for M5 devices when using UIFlow web programming
Start Mode: Configurable mode to enter after startup
Quick Start: You can select Quick Start to skip the startup interface/devices without UI interface, you can ignore this option.
Server: Server selection
Wifi: Configure Wifi SSID and Password

API KEY pairing

After configuring the device in online programming mode, we need to establish a connection between the device and UIFlow through API KEY, so that it can push programs for the specified device. Users need to visit flow.m5stack.com in the computer browser to enter the UIFlow programming page, click the settings button in the menu bar at the upper right corner of the page, and enter what we did in the previous step Get the API KEY, click OK to save, and wait for the prompt that the connection is successful.

Turn on the LED light

After completing the above steps, you can start programming with UIFlow. The following will show you a simple program to drive M5StickC to light up the LED indicator. (1. Drag the LED to light up the program block 2. Splice to the Setup initialization program. 3 Click the run button in the upper right corner)

Run/download the program

The Run/Download of the program:
1. The Run button (triangle) in the menu bar of UIFlow online version is the Single test operation, and the device will re-enter the online programming mode after reset.
2. The download button will download the current program to the device and configure it to start automatically. Note: If the downloaded program involves network communication, please add a WiFi connection program at the beginning of the program. If you need to re-enter the programming mode in offline operation mode, you can refer to the mode switching instructions at the bottom of this document.

UIFlow offline programming mode

UIFlow Desktop IDE is an offline version of UIFlow programmer. It does not require network dependencies and can provide a fast-responsive program push experience. Please click on the corresponding version of UIFlow-Desktop-IDE according to your operating system to download it.

Software version Download link
UIFlow-Desktop-IDE_Windows Download
UIFlow-Desktop-IDE_MacOS Download
UIFlow-Desktop-IDE_Linux Download

Unzip the downloaded UIFlow Desktop IDE compression package, and double-click to execute the application. After the software is started, it will automatically detect whether your computer has a USB driver (CP210X) installed. If the device driver is already installed, click Skip to skip.

When programming with the offline version of UIFlow, you need to configure the device to USB mode:
1. Click the power button on the left side of the device to restart
2. After the menu appears on the screen, quickly click on the right side Button to switch the mode, select USB mode
3. Select the corresponding port in the configuration box of UIFlow Desktop IDE, and the programming device, click OK to connect. If you cannot connect normally, you can try to replace the data cable or plug in and out to replace the port and check whether there is port occupancy.

Supplementary description

AP hotspot configuration WiFi

M5 devices support the use of mobile phones to configure WiFi: 1. Short press the power button on the left side of the device for 2 seconds to turn on, and press the Home button (the center M5 button) when the UIFlow Logo appears on the screen.
2. Enter the matching page. Press the button on the right side of the fuselage to switch the option to Setting, and press the Home button to confirm. Press the right button to switch the option to Wi-Fi via AP, press the Home button to confirm and start configuration.
3. After the device jumps, the WiFi Config page will be displayed. Follow the prompts to connect to the SSID hotspot through the WiFi of the mobile phone or computer, open the browser to access 192.168.4.1, and enter the WiFi information in the pop-up page to configure it successfully Network distribution (note: special characters such as "space" are not allowed in WiFi information). After the configuration is successful, the device will automatically restart. And enter the online programming mode.

On This Page