mirror of
https://github.com/m5stack/m5-docs.git
synced 2026-05-20 10:23:01 -07:00
change Setting WIFI en
This commit is contained in:
shaoxiang
@@ -36,7 +36,7 @@
|
||||
<div class="media border p-3">
|
||||
<img src="assets/img/related_documents/Page_logo/Setting_WiFi.png" class="mr-3 mt-3 rounded-circle" style="width:50px; margin-top:5px!important">
|
||||
<div class="media-body">
|
||||
<a href="#en/related_documents/how_to_connect_wifi_using_core"><p style="margin-top:20px">Configuring a Wi-Fi connection</p></a>
|
||||
<a href="#en/related_documents/Setting_WIFI.md"><p style="margin-top:20px">Configuring a Wi-Fi connection</p></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,73 +1,81 @@
|
||||
# 连接Wi-Fi(For UIFlow) {docsify-ignore-all}
|
||||
|
||||
:clapper: **[视频教程](#视频教程)** :memo: **[文本教程](#文本教程)**
|
||||
|
||||
***
|
||||
|
||||
?> *以下的Wi-Fi配置内容，仅针对于烧录了UIFlow固件的M5Core设备，若您的设备还未安装UIFlow固件，[请点击此处查看固件烧录教程](zh_CN/related_documents/M5Burner))*
|
||||
|
||||
**烧录了UIFlow的固件，并重启M5Core之后，您会看到如下的欢迎界面，然后我们开始连接Wi-Fi.**
|
||||
|
||||
<figure>
|
||||
<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_uiflow/core_home_page.png">
|
||||
</figure>
|
||||
|
||||
***
|
||||
|
||||
## 文本教程
|
||||
|
||||
1. [按下 UPLOAD 按键](#按下-UPLOAD-按键)
|
||||
|
||||
2. [选择可联网的 Wi-Fi](#选择可联网的-Wi-Fi)
|
||||
|
||||
3. [重启 M5Core](#重启-M5Core)
|
||||
# 配置Wi-Fi连接 {docsify-ignore-all}
|
||||
|
||||
|
||||
## 1. 按下 UPLOAD 按键
|
||||
:clapper: **[Video Tutorial](#Video-Tutorial)** :memo: **[Text Tutorial](#Text-Tutorial)**
|
||||
|
||||
**现在, 按下 `upload` 按键. 屏幕会出现如下界面.**
|
||||
|
||||
<figure>
|
||||
<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_uiflow/m5stack_connet_wifi.png">
|
||||
</figure>
|
||||
?>**Please click the anchor point below to view the corresponding Wi-Fi configuration tutorial according to the device type. The following content is only applicable to the M5Core device that has programmed the UIFlow firmware. If your device does not have the UIFlow firmware installed,[Please click here to view the firmware burning Tutorial](zh_CN/related_documents/M5Burner)**
|
||||
|
||||
## 2. 选择可联网的Wi-Fi
|
||||
|
||||
**用手机或者PC去连接屏幕上显示的M5Core的热点(like `M5Stack-a67c`)，然后打开浏览器输入网址`192.168.4.1`，然后选择可联网的路由器Wi-Fi，然后输入密码。(您看，像我这样，我现在可以联网的Wi-Fi是`MasterHax_5G`)**
|
||||
## Text Tutorial
|
||||
|
||||
<figure>
|
||||
<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_uiflow/input_wifi_password.png">
|
||||
</figure>
|
||||
**[For M5Core](#For-M5Core)**
|
||||
|
||||
## 3. 重启M5Core
|
||||
**[For M5Stick](#For-M5Stick)**
|
||||
|
||||
**输入密码后，成功连接可联网的路由器Wi-Fi之后，重启M5Core**
|
||||
**[For M5StickC](#For-M5StickC)**
|
||||
|
||||
<figure>
|
||||
<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_uiflow/connect_wifi_successfully.png">
|
||||
</figure>
|
||||
## For M5Core
|
||||
|
||||
## 完成
|
||||
>1. Click on the left side of the fuselage **red power button** power on, after the main menu is displayed on the screen, press the button C to select the Setup option, enter the settings page and select "change WiFi connect" to enter the WiFi configuration mode (at this time M5Core will As an AP hotspot, the hotspot name will be displayed on the screen).
|
||||
|
||||
重启M5Core之后，按`upload`按键，这时候，看到下图带二维码的界面。这很好我们就可以跟着这篇文章[UIFlow编程](zh_CN/quick_start/m5core/m5stack_core_get_started_MicroPython)学习UIFlow的编程啦！
|
||||
?> The settings page will store each of the WiFi information you added later, and you can switch between the connection mode and the default WiFi on this page.
|
||||
|
||||
<figure>
|
||||
<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_uiflow/apikey.jpg">
|
||||
</figure>
|
||||
<img src="assets/img/related_documents/Setting_WiFi/M5Core/Setting_01.jpg">
|
||||
|
||||
?> **Note** 同样地，如果您想换一个可联网的wifi的话，按`SETUP`按键。
|
||||
>2. Connect to the hotspot using your mobile phone or other terminal device (when the connection is successful, the M5Core screen will jump to the QR code page), then open the browser to access **192.168.4.1** (or scan the QR code on the screen) Go to the WiFi configuration page.
|
||||
|
||||
<figure>
|
||||
<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_uiflow/change_wifi.jpg">
|
||||
</figure>
|
||||
<img src="assets/img/related_documents/Setting_WiFi/M5Core/Setting_02.jpg">
|
||||
|
||||
## 最后
|
||||
>3. In the configuration page, fill in the WiFi information you want to connect to, click "Configure", and wait for the configuration to complete.
|
||||
|
||||
现在，您可以阅读这篇文章开始使用UIFlow编程啦！[UIFlow上手指南](zh_CN/quick_start/m5core/m5stack_core_get_started_MicroPython)
|
||||
!>.During the process of configuring WiFi, please keep the mobile phone (terminal) connected to the M5Core AP hotspot.
|
||||
|
||||
## 视频教程
|
||||
<img src="assets/img/related_documents/Setting_WiFi/M5Core/Setting_03.jpg">
|
||||
|
||||
**[连接 WIFI](https://v.youku.com/v_show/id_XNDAxOTEyNTQ2NA==.html?spm=a2hzp.8253869.0.0)**
|
||||
>4. 配置完成后，将默认重启设备.在进入主菜单时，按下按键A选择"PROGRAM",设备将自动连接设定的WiFi并进入编程模式.
|
||||
|
||||
?> The programming mode page shows you a few key pieces of information. 1. The QR code and the top bar URL point to [UIFlow web IDE](http://flow.m5stack.com/)，2. When the upper right corner is instructed When the light changes from red to green, the device has successfully connected to the network. 3. The API Key is a certificate of the UIFlow remote push program, and UIFlow will push the program to the corresponding device according to the serial number.
|
||||
|
||||
<img src="assets/img/related_documents/Setting_WiFi/M5Core/Setting_04.jpg">
|
||||
|
||||
## For M5Stick
|
||||
|
||||
>1. Click the power button on the left side of the camera to turn it on. After the first boot, it will enter the WiFi configuration mode by default. The AP hotspot name and configuration page address will be displayed on the screen.
|
||||
|
||||
<img src="assets/img/related_documents/Setting_WiFi/M5Stick/Setting_01.png" width="120px" style="margin-left:25%"> <img src="assets/img/related_documents/Setting_WiFi/M5Stick/Setting_02.png" width=120px style="margin-left:20%">
|
||||
|
||||
>2. Use your mobile phone or other terminal device to open the WiFi connection to the hotspot. After waiting for the connection to succeed, use the browser to access the configuration page address 192.168.4.1, fill in the WiFi information to be connected, and click Configure Connection.
|
||||
|
||||
<img src="assets/img/related_documents/Setting_WiFi/M5Stick/Setting_03.jpg" width=50% ><img src="assets/img/related_documents/Setting_WiFi/M5Stick/Setting_04.jpg" width=50% >
|
||||
|
||||
>3. After the configuration is completed, M5Stick will automatically restart and enter the network programming mode. When the cloud prompts "done", it indicates that the network has been successfully connected. The API Key displayed on the screen will be used with[UIFlow web IDE](http://flow.m5stack.com/) Pairing.
|
||||
|
||||
|
||||
!>. During the process of configuring WiFi, please keep the mobile phone (terminal) connected to the M5Stick AP hotspot.
|
||||
|
||||
<img src="assets/img/related_documents/Setting_WiFi/M5Stick/Setting_05.png" width=120px style="margin-left:40%" >
|
||||
|
||||
|
||||
## For M5StickC
|
||||
|
||||
>1. Press and hold the power button on the left side of the camera for about 2 seconds to boot. After the first boot, it will enter the WiFi configuration mode by default. The AP hotspot name and configuration page address will be displayed on the screen.
|
||||
|
||||
<img src="assets/img/related_documents/Setting_WiFi/M5StickC/Setting_01.jpg" width=50% ><img src="assets/img/related_documents/Setting_WiFi/M5StickC/Setting_02.jpg" width=50% >
|
||||
|
||||
>2. Use your mobile phone or other terminal device to open the WiFi connection to the hotspot. After waiting for the connection to succeed, use the browser to access the configuration page address 192.168.4.1, fill in the WiFi information to be connected, and click Configure Connection.
|
||||
<img src="assets/img/related_documents/Setting_WiFi/M5StickC/Setting_03.jpg" width=50% ><img src="assets/img/related_documents/Setting_WiFi/M5StickC/Setting_04.jpg" width=50% >
|
||||
|
||||
>3. After the configuration is completed, M5StickC will automatically restart and enter the network programming mode. When the network logo changes from red to green, it indicates that the network has been successfully connected. The API Key displayed on the screen will be used with[UIFlow web IDE](http://flow.m5stack.com/) Pairing.
|
||||
|
||||
!>. During the process of configuring WiFi, please keep the mobile phone (terminal) connected to the AP hotspot of M5StickC.
|
||||
|
||||
<img src="assets/img/related_documents/Setting_WiFi/M5StickC/Setting_05.jpg" width=50% >
|
||||
|
||||
|
||||
## Video Tutorial
|
||||
|
||||
**[WIFI Configuration](https://v.youku.com/v_show/id_XNDAxOTEyNTQ2NA==.html?spm=a2hzp.8253869.0.0)**
|
||||
|
||||
<video width="500" height="315" controls>
|
||||
<source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/%E6%95%99%E7%A8%8B/WiFi%20Configuration/A2%20-%20WIFI%20Configuration.mp4" type="video/mp4">
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
|
||||
<img src="assets/img/related_documents/Setting_WiFi/M5Core/Setting_02.jpg">
|
||||
|
||||
>3. 在配置页面中，填写想要连接的WiFi信息，点击""Configure"，等待配置完成.
|
||||
>3. 在配置页面中，填写想要连接的WiFi信息，点击"Configure"，等待配置完成.
|
||||
|
||||
!>. 配置WiFi过程中.请保持手机（终端）连接M5Core的AP热点.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user