ESP32使用MicroPython和MicroWebSrv2搭建网站

众所周知ESP32是具有WiFi功能的，其能够进行网络访问，那么是不是也可以当作服务器处理外界来的访问呢？（狗头）

1.下载MicroWebSrv2库

​ 经过一番搜索，果不其然是可以的、感谢万能的开源大佬。使用MicroWebSrv库就可以达成目的，不过其现在有了更新的版本叫做MicroWebSrv2，从GitHub开源项目克隆或者下载代码仓库即可。

2.上传到开发板

​ 我目前使用的是2.0.6版本，将项目目录下的main.py、setup.py文件和www、SSL-Cert、MicroWebSrv2目录上传到开发板根目录。(这里推荐大家使用Thonny开发工具，它能烧录MicroPython固件、连接设备、管理设备文件等很是方便)

3.连接WiFi

​ 之后就要使用MicroPython的WiFi库连接WiFi。可以用print(wlan.ifconfig()) 语句查看连接情况。注：可以将连接WiFi代码放入boot.py中每次开机自动连接。

import network
#连接WiFi代码
wlan = network.WLAN(network.STA_IF) # create station interface
wlan.active(True)       # activate the interface
wlan.connect('WiFi名字', 'WiFi密码') # connect to an WiFi
1
2
3
4
5

4.重启开发板

​ 因为服务程序在main.py当中，所以重启之后出现下面的提示就说明成功的在80端口开了一个http服务。

       ---------------------------
       - Python pkg MicroWebSrv2 -
       -      version 2.0.6      -
       -     by JC`zic & HC2     -
       ---------------------------

 + [@WebRoute] GET /test-redir
 + [@WebRoute] GET /test-post (TestPost1/2)
 + [@WebRoute] POST /test-post (TestPost2/2)

MWS2-INFO> Server listening on 0.0.0.0:80.
MWS2-INFO> Starts the managed pool to wait for I/O events.
1
2
3
4
5
6
7
8
9
10
11
12
13

5.遇到的问题以及解决办法

5.1可能出现模型加载不成功的情况

MicroWebSrv2Exception: Cannot load module "PyhtmlTemplate".
1

​ 这时候需要将main.py文件中146到153行左右的代码注释掉即可，之后再根据需要编写即可。

'''
# Loads the PyhtmlTemplate module globally and configure it,
pyhtmlMod = MicroWebSrv2.LoadModule('PyhtmlTemplate')
pyhtmlMod.ShowDebug = True
pyhtmlMod.SetGlobalVar('TestVar', 12345)

# Loads the WebSockets module globally and configure it,
wsMod = MicroWebSrv2.LoadModule('WebSockets')
wsMod.OnWebSocketAccepted = OnWebSocketAccepted
'''
1
2
3
4
5
6
7
8
9
10

5.2 还有就是由于ESP32的内存毕竟没有服务器的大，所以也可能会出现内存不足的提示。建议用main.py运行网站程序，在boot.py中编写连接WiFi的代码，简化不必要的代码、不引入不用的库，最后实在不行就多点按键reset几次会出奇迹。

MicroWebSrv2Exception: Not enough memory to allocate slots.
1

6.访问

​ 使用路由器管理查看ESP32的IP地址了，在同局域网的设备上输入IP地址即可访问成功，有想法的同学还可以使用端口映射到公网访问。

​ 以上访问的是官方例子，若想替换成自己的网站，只需要更改www目录下的文件即可，并且在main.py文件或自己的程序中修改或新建自己的需求代码即可。MicroWebSrv2库的使用方法在GitHub主页上有介绍，下面是一个接收GET的例子，使用很像Flask框架。

@WebRoute(GET, '/test-redir')
def RequestTestRedirect(microWebSrv2, request) :
    request.Response.ReturnRedirect('/test.pdf')
1
2
3

7.感谢

​ 最后再次感谢各位大佬的开源项目，地址：MicroPython、MicroWebSrv2