mirror of
https://github.com/m5stack/m5-docs.git
synced 2026-05-20 10:23:01 -07:00
update atom
This commit is contained in:
vany5921
Binary file not shown.
|
Before Width: | Height: | Size: 55 KiB After Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
@@ -2,9 +2,9 @@
|
||||
|
||||
## UIFlow Online Mode
|
||||
|
||||
1. Download and Setup [M5Bunner](https://m5stack.com/pages/download) and flash UIFlow firmware referring to this instruction [UIFlow introduction](https://docs.m5stack.com/#/en/uiflow/introduction).
|
||||
1 . Download and Setup [M5Bunner](https://m5stack.com/pages/download) and flash UIFlow firmware referring to this instruction [UIFlow introduction](https://docs.m5stack.com/#/en/uiflow/introduction).
|
||||
|
||||
2. Once burning finished, the device will automatically connect to the WIFI you have set in M5Bunner. LED turns into a breathing green-light, and enter the UIFlow online programming mode, you can go to step 3.
|
||||
2 . Once burning finished, the device will automatically connect to the WIFI you have set in M5Bunner. LED turns into a breathing green-light, and enter the UIFlow online programming mode, you can go to step 3.
|
||||
|
||||
<img src="assets/img/product_pics/core/minicore/atom/01light.jpg" width="60%" height="60%">
|
||||
|
||||
@@ -16,18 +16,18 @@ Or WIFI connection fails (steady red-light), please restart the device;
|
||||
|
||||
<img src="assets/img/product_pics/core/minicore/atom/04light.jpg" width="60%" height="60%">
|
||||
|
||||
If still fails, you can try to manually __enter WIFI Configuration mode__. Press and hold the middle button while powering on (or restarting), do not release it until the Yellow breathing light is displayed. At this time, yellow light is always on and the device has entered into WIFI configuration mode.
|
||||
If still fails, you can try to manually enter WIFI Configuration mode. Press and hold the middle button while powering on (or restarting), do not release it until the Yellow breathing light is displayed. At this time, yellow light is always on and the device has entered into WIFI configuration mode.
|
||||
|
||||
<img src="assets/img/product_pics/core/minicore/atom/configure_wifi.jpg" width="60%" height="60%">
|
||||
|
||||
In WIFI configuration mode, the device will work as WIFI hotspot, such as M5Stack-XXXX. Connect to this WIFI, open the browser and enter to 192.168.4.1 page. (Pls record the letters M5FLOW-**XXXXXXXX**, which will be needed in next step). Enter SSID and password to connect to the network. LEDs would change from breathing red-light to breathing green-light, it indicates that both WIFI and UIFlow server is connected well.
|
||||
In WIFI configuration mode, the device will work as WIFI hotspot, such as M5Stack-XXXX. Connect to this WIFI, open the browser and enter to 192.168.4.1(web configuration page). (Pls record the letters M5FLOW-XXXXXXXX, which will be needed in next step). Enter SSID and password to connect to the network. LEDs would change from breathing red-light to breathing green-light, it indicates that both WIFI and UIFlow server is connected well.
|
||||
|
||||
|
||||
3. Refer to [this page](https://docs.m5stack.com/#/en/uiflow/introduction) to configure APIKey of UIFlow ,APIKey can be seen through web configuration page or serial port tool.
|
||||
3 . Refer to [this page](https://docs.m5stack.com/#/en/uiflow/introduction) to configure APIKey of UIFlow ,APIKey can be seen through web configuration page or serial terminal such as [Putty](https://www.putty.org/)(Windows) or [Serial](https://apps.apple.com/cn/app/serial/id877615577?mt=12)(Mac).
|
||||
|
||||
<img src="assets/img/product_pics/core/minicore/atom/apikey.png" width="50%" height="50%"><img src="assets/img/product_pics/core/minicore/atom/serialtool.png" width="50%" height="50%">
|
||||
|
||||
4. Now you can program in [UIFlow online mode](http://flow.m5stack.com).Refer to [this page](https://docs.m5stack.com/#/en/uiflow/uiflow_home_page) for the manual of UIFlow
|
||||
4 . Now you can program in [UIFlow online mode](http://flow.m5stack.com).Refer to [this page](https://docs.m5stack.com/#/en/uiflow/uiflow_home_page) for the manual of UIFlow
|
||||
|
||||
<!-- ?> Meaning of light working status
|
||||
|
||||
@@ -47,10 +47,10 @@ In WIFI configuration mode, the device will work as WIFI hotspot, such as M5Stac
|
||||
|
||||
## UIFlow Desktop Mode
|
||||
|
||||
1. Download and Setup [M5Bunner](https://m5stack.com/pages/download) and flash UIFlow firmware referring to this instruction [UIFlow introduction](https://docs.m5stack.com/#/en/uiflow/introduction).
|
||||
1 . Download and Setup [M5Bunner](https://m5stack.com/pages/download) and flash UIFlow firmware referring to this instruction [UIFlow introduction](https://docs.m5stack.com/#/en/uiflow/introduction).
|
||||
|
||||
|
||||
2. Press and hold the middle button while powering on (or when restarting), and do not release it unit LED color change to blue. Now the device enters UIFlow desktop mode.Refer to [this page](https://docs.m5stack.com/#/en/uiflow/introduction) to use UIFlow desktop IDE mode.
|
||||
2 . Press and hold the middle button while powering on (or when restarting), and do not release it unit LED color change to blue. Now the device enters UIFlow desktop mode.Refer to [this page](https://docs.m5stack.com/#/en/uiflow/introduction) to use UIFlow desktop IDE mode.
|
||||
|
||||
|
||||
<img src="assets/img/product_pics/core/minicore/atom/03light.jpg" width="60%" height="60%">
|
||||
@@ -62,10 +62,10 @@ Press and hold the middle key to turn on the power will enter the menu. In this
|
||||
|
||||
<img src="assets/img/product_pics/core/minicore/atom/atom_00.jpg" width="50%">
|
||||
|
||||
- GREEN Light **Enter UIFlow Online mode**
|
||||
- BLUE Light **Enter UIFlow desktop IDE Program**
|
||||
- YELLOW Light **Enter WIFI Configuration mode**
|
||||
- PURPLE Light **Run the Last Downloaded Program**
|
||||
- GREEN Light Enter UIFlow Online mode
|
||||
- BLUE Light Enter UIFlow desktop IDE Program
|
||||
- YELLOW Light Enter WIFI Configuration mode
|
||||
- PURPLE Light Run the Last Downloaded Program
|
||||
|
||||
### UIFlow Example
|
||||
|
||||
|
||||
@@ -89,15 +89,15 @@
|
||||
|
||||
* __Atom Matrix__ __&__ __Atom Lite__
|
||||
|
||||
>After power on, wait for the LED indicator to turn red to green (this indicates that atom has successfully connected to the network), and directly visit [flow.m5stack. com](http://flow.m5stack.com/) in the computer browser to enter the uiflow programming page
|
||||
>After power on, wait for the LED indicator to turn red to green (this indicates that atom has successfully connected to the network), and directly visit [flow.m5stack. com](http://flow.m5stack.com/) in the computer browser to enter the UIFlow programming page
|
||||
|
||||
>The apikey of atom can be viewed through the web distribution network page or through the serial port tool
|
||||
>The apikey of atom can be viewed through the web configuration page(Refer to the previous step - Setup WIFI) or through the serial terminal such as [Putty](https://www.putty.org/)(Windows) or [Serial](https://apps.apple.com/cn/app/serial/id877615577?mt=12)(Mac).
|
||||
|
||||
><img src="assets/img/product_pics/core/minicore/atom/apikey.png" width="50%"><img src="assets/img/product_pics/core/minicore/atom/serialtool.png" width="50%">
|
||||
|
||||
#### Connecting your device with API Key
|
||||
|
||||
>Once you have opened the UIflow website you can to connect to the web platform by clicking the gear icon in the top right corner, enter your API key and select your device and preferred language. Once you have entered the API Key click OK to confirm****
|
||||
>Once you have opened the UIflow website you can to connect to the web platform by clicking the gear icon in the top right corner, enter your API key and select your device and preferred language. Once you have entered the API Key click OK to confirm****
|
||||
|
||||
><img src="/image/base/APIkey_userpair1.png" width="50%"><img src="/image/base/APIkey_userpair2.png" width="50%">
|
||||
|
||||
|
||||
Reference in New Issue
Block a user