Merge branch 'master' of github.com:m5stack/m5-docs

This commit is contained in:
Gitshaoxiang
2020-03-19 10:58:36 +08:00
9 changed files with 47 additions and 49 deletions
+1 -1
View File
@@ -124,7 +124,7 @@ onReceive(LoRa.parsePacket());
<script>
var purchase_link = 'https://m5stack.com/collections/m5-module/products/lora868-module';
var purchase_link = 'https://m5stack.com/collections/m5-module/products/lora-module-868mhz';
anchor_search(purchase_link);
scrollFunc();
+19 -24
View File
@@ -1,18 +1,12 @@
# Atom UIFlow Quick Start {docsify-ignore-all}
## Menu
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. Meaning of light working status](#Meaning-of-light-working-status)**
?> In the uiflow configuration, light represents two meanings: one is used for the display of menu options, and the other is used for the prompt of current working status.
**[2. Menu option introduction](#Menu-option-introduction)**
2. If you have finished burning, the device will automatically connect to your WiFi information filled in M5Bunner. If the connection failssteady red-light, you can try to short press the middle button to connect again. If it still fails, you can try to manually redistribute the network(Refer to [reconfigure WiFi](#reconfigure-WiFi).If the WiFi connection is successful, the LED will turn into a breathing green-light,and enter the uiflow online programming mode.
**[3. Usage](#Usage)**
**[4. UIFlow Example](#UIFlow-Example)**
>In the uiflow configuration, light represents two meanings: one is used for the display of menu options, and the other is used for the prompt of current working status.
## Meaning of light working status
?> Meaning of light working status
- Breathing red-light means the WIFI network is connecting
@@ -24,12 +18,21 @@
- Breathing blue-light to indicate that USB mode has been entered
- Steady yellow-light indicates that WEB network configuration is required
- Steady yellow-light indicates that WEB network configuration is required
## Menu option introduction
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.
>Press and hold the middle key to turn on the power will enter the menu mode. In this mode, the light will cycle to change the color. The menu options represented by different colors.
<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 use UIFlow online programming mode
> Refer to [this page](https://docs.m5stack.com/#/en/uiflow/uiflow_home_page) for detailed use of uiflow
?>if you want to enter other modes, please refer to the following instructions:
When the device is powered on, it will enter the last selected mode by default. If you want to change the mode, just press and hold the middle button while powering on (or when restarting), and do not release it. The menu mode will change color in the form of breathing light, and then release it when the light changes to the required mode color.For example, if you want to enter UIFlow's USB mode(__BLUE Light__), press and hold the middle button, wait until the LED color changes to blue, and then release it. At this time, the LED is breathing, and now it enters USB mode.
Menu option introduction(Press and hold the middle key to turn on the power will enter the menu mode. In this mode, the light will cycle to change the color. The menu options represented by different colors):
<img src="assets/img/product_pics/core/minicore/atom/atom_00.jpg" width="50%">
@@ -41,21 +44,13 @@
- PURPLE Light **APP Run Mode**
## Usage
### reconfigure WiFi
1. Download and Setup [M5Bunner](https://m5stack.com/pages/download).If you have finished burning by referring to this instruction [UIFlow Flash](https://docs.m5stack.com/#/en/uiflow/introduction), the device will automatically connect to your WiFi information filled in M5Bunner. If the connection failssteady red-light, you can try to short press the middle button to connect again. If it still fails, you can try to manually redistribute the network(Refer to step 2 to reconfigure WiFi).
2. When the device is powered on, it will enter the last selected mode by default. If you want to change the mode, just press and hold the middle button while powering on (or when restarting), and do not release it. The menu mode will change color in the form of breathing light, and then release it when the light changes to the required mode color. For example, if you want to enter UIFlow's USB mode(__BLUE Light__), press and hold the middle button, wait until the LED color changes to blue, and then release it. At this time, the LED is breathing, and now it enters USB mode.Another example, it is necessary to manually reconfigure WiFi(__YELLOW Light__). When the device is powered on or restarted, press and hold the middle button until the Yellow breathing light is displayed and released. At this time, the yellow light is always on and the WiFi configuration mode is entered.Switching to app mode is similar to the above method.
If you want to manually **reconfigure WiFi**(__YELLOW Light__). When the device is powered on or restarted, press and hold the middle button until the Yellow breathing light is displayed and released. At this time, the yellow light is always on and the WiFi configuration mode is entered.
<img src="assets/img/product_pics/core/minicore/atom/configure_wifi.jpg" width="60%" height="60%">
3. In WiFi configuration mode, atom will automatically send out WiFi hotspot, such as M5Stack-XXXX. Connect to this WiFi and open the browser and enter 192.168.4.1 to enter the web configuration page. Enter SSID and password to connect to the network. At this time, the red light flashes. After the connection is successful, the blue light stays on (the uiflow server is not connected) for a short time. When the green light flashes, it indicates that the uiflow server is connected normally. At this time, you can go online Programming.
4. API key can be seen through web configuration page or serial port tool.
<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%">
<br>
In WiFi configuration mode, atom will automatically send out WiFi hotspot, such as M5Stack-XXXX. Connect to this WiFi and open the browser and enter 192.168.4.1 to enter the web configuration page. Enter SSID and password to connect to the network. At this time, the red light flashes. After the connection is successful, the blue light stays on (the uiflow server is not connected) for a short time. When the green light flashes, it indicates that the uiflow server is connected normally. At this time, you can go online Programming.
### UIFlow Example
+5
View File
@@ -24,6 +24,11 @@
><img src="/image/base/Linux_logo.png" width="50" height="50"> Go to [flow.m5stack.com](http://flow.m5stack.com/) and download the latest firmware and [M5Burner(Linux)](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/software/M5Burner_Linux.zip)
?> Mac OS users need to put M5Burner in the Application folder
><img src="/image/base/application.png" width="50%" height="50%">
* __Burning process__
> Extract the burner package and double click on the M5 Burner icon. Connect your M5Stack device and select its COM port from the list (Check Windows device manager if you are unsure of your COM port).Select the recommended baud rate 921600 and then select the firmware you wish to flash. Now press the burn button, your firmware will have flashed successfully once you see the message "leaving staying in bootloader". Reset your device to see the new firmware.
Binary file not shown.

After

Width:  |  Height:  |  Size: 181 KiB

+1 -1
View File
@@ -76,7 +76,7 @@
<a id="uiflow" class="dropdown-item" href="#/en/uiflow/uiflow_home_page">UIFlow</a>
<a id="arduino" class="dropdown-item" href="#/en/arduino/arduino_home_page">Arduino</a>
<a class="dropdown-item" href="https://github.com/m5stack/UIFlow-Code">MicroPython</a>
<a id="aws" class="dropdown-item" href="#/en/quick_start/m5stickc/m5stickc_quick_start_with_AWS-FreeRTOS_Windows">AWS-FreeRTOS</a>
<a id="aws" class="dropdown-item" href="#/en/quick_start/m5stickc/m5stickc_quick_start_with_AWS-FreeRTOS_Windows">FreeRTOS</a>
</div>
</div>
<a id="cases" class="p-2 dropdown" href="#/en/case">Cases</a>
+1 -1
View File
@@ -81,7 +81,7 @@ LoRa和LoRaWAN允许与不同类型的物联网(IoT)设备,进行远程连
<script>
var purchase_link = 'https://m5stack.com/collections/m5-module/products/lora868-module';
var purchase_link = 'https://m5stack.com/collections/m5-module/products/lora-module-868mhz';
anchor_search(purchase_link);
scrollFunc();
+17 -21
View File
@@ -1,18 +1,12 @@
# Atom UIFlow上手指南 {docsify-ignore-all}
## 目录
1. 下载M5Burner[M5Bunner](https://m5stack.com/pages/download),并按照此教程烧录完UIFlow固件[UIFlow introduction](https://docs.m5stack.com/#/en/uiflow/introduction)
**[1. 菜单选项介绍](#菜单选项介绍)**
?> 灯光在UIFlow的配置中代表两种意思,一种用于菜单选项的显示,一种用于对当前工作状态的提示。
**[2. 灯光状态含义](#灯光状态含义)**
2. 如果你已经完成烧录,设备将自动连接到你在M5Burner内填入的WiFi信息.如果连接失败(红色LED常亮),你可以短按中间按键重新连接.如果仍然识别你可以重新配置网络,参考 [重新配置WiFi](#重新配置WiFi)。如果WiFi连接成功,LED将会变为绿色呼吸灯,此时即进入了UIFlow在线编程模式
**[3. 菜单使用方法](#使用方法)**
**[4. UIFlow示例](#UIFlow示例)**
>灯光在UIFlow的配置中代表两种意思,一种用于菜单选项的显示,一种用于对当前工作状态的提示。
## 灯光状态含义
?> 灯光状态含义
- 红色呼吸灯表示WIFI网络正在连接
@@ -26,9 +20,17 @@
- 黄灯常亮表示需要WEB网络配置
## 菜单选项介绍
3. 根据此页面说明在UIFlow中查看APIKeyAPIKey可以通过Web配网页面和串口工具查看
>按住中间按键接通电源会进入菜单模式,呼吸灯不同颜色状态代表不同菜单选项
<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. 完成上述配置你已经可以正常使用UIFlow在线编程模式
> UIFlow的详细使用参考[此页面](https://docs.m5stack.com/#/zh_CN/uiflow/uiflow_home_page)
?> 如果你想进入其他模式,请继续查看以下步骤:设备通电时默认进入最后一次选择的模式。如需改变模式,只需在上电的同时(或重启时)按住中间按键不要松开,菜单模式以呼吸灯形式变色,等到灯光变换为所需模式颜色时再松开。例如,现在需要进入UIFlow的USB模式,设备上电或重启的同时按住中间按键不放,等到LED变为蓝色呼吸灯时松开,此时就进入了USB模式。
菜单选项介绍(按住中间按键接通电源会进入菜单模式,呼吸灯不同颜色状态代表不同菜单选项)
<img src="assets/img/product_pics/core/minicore/atom/atom_00.jpg" width="50%">
@@ -40,19 +42,13 @@
- 紫灯 **APP 运行模式**
## 使用方法
## 重新配置WiFi
1. 下载M5Burner[M5Bunner](https://m5stack.com/pages/download),并按照此教程烧录完UIFlow固件[UIFlow Flash](https://docs.m5stack.com/#/en/uiflow/introduction),设备会自动连接M5Bunner中填入的WIFI信息,如果连接失败可尝试按下中间按键再次连接,如果仍然失败可尝试手动重新配网
2. 设备通电默认进入最后一次选择的模式,如需改变模式,只需在上电的同时(或重启时)按住中间按键不要松开,菜单模式以呼吸灯形式变色,等到灯光变换为所需模式颜色时再松开。例如,现在需要进入UIFlow的USB模式,设备上电或重启的同时按住中间按键不放,等到LED变为蓝色呼吸灯时松开,此时就进入了USB模式。再比如需要手动重新配置WIFI,设备上电或重启的同时按住中间按键不放,直到显示黄色呼吸灯时松开,此时黄灯常亮即进入WIFI配置模式。
如果你需要手动重新配置WIFI,设备上电或重启的同时按住中间按键不放,直到显示黄色呼吸灯时松开,此时黄灯常亮即进入WIFI配置模式
<img src="assets/img/product_pics/core/minicore/atom/configure_wifi.jpg" width="60%" height="60%">
3. 在WIFI配置模式下,Atom会自动发出WIFI热点,比如M5Stack-XXXX,连接此WIFI并打开浏览器输入192.168.4.1进入web配置页面,输入SSID和密码进行网络连接,此时红灯闪烁,连接成功后蓝灯短暂常亮(UIFlow服务器未连接)待到绿灯闪烁时表示UIFlow服务器连接正常,此时可进行在线编程。
4. 通过Web配置页面和串口工具可以看到APIkey。
<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%">
在WIFI配置模式下,Atom会自动发出WIFI热点,比如M5Stack-XXXX,连接此WIFI并打开浏览器输入192.168.4.1进入web配置页面,输入SSID和密码进行网络连接,此时红灯闪烁,连接成功后蓝灯短暂常亮(UIFlow服务器未连接)待到绿灯闪烁时表示UIFlow服务器连接正常,此时可进行在线编程。
<br>
+3
View File
@@ -23,6 +23,9 @@
><img src="/image/base/Linux_logo.png" width="50" height="50"> 访问[flow.m5stack.com](http://flow.m5stack.com/)下载最新的固件包和[M5Burner烧录工具(Linux版)](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/software/M5Burner_Linux.zip)
?> Mac OS 用户需要将M5Burner放入Application文件夹内
><img src="/image/base/application.png" width="50%" height="50%">
* __开始烧录__
-1
View File
@@ -10,7 +10,6 @@
<img src="assets\img\product_pics\unit\hex\unit_hex_05.webp" width="50%">
## 产品特性
- LED灯总数: 37