出品：1Z實驗室 1zlab.com
1ZLAB: Make Things Easy
導引
其實這篇文章,筆者一直在猶豫要不要寫.兩點原因:
- MicroPython官方給出的WebRepl其實體驗不怎么樣,并不能真正的提高開發者們的生產效率.
- 我分析了WebRepl的源碼,正在用更先進的web技術來構造一款Web (偽)IDE,以此來為開發者們提供更好的開發效率和更優質的開發體驗.
但由于這段時間一直忙于開發,更新節奏有點慢,便借此為大家稍作講解 webrepl的使用,同時,對于我們1Z實驗室正在開發的工具,稍作預告(畫餅).
什么是WebRepl
![]()
webrepl.png
除了簡潔(丑陋),似乎再沒什么優點.
由于MicroPython目前并不是很完善,所以其配套的開發工具一并都十分的簡陋.這個WebRepl的功能,大致分為三部分:
- 1 通過瀏覽器訪問的的WebRepl組件,使用WebSocket進行通信.用戶可以方便的在網頁上與MicroPython的Repl進行交互,避免了USB串口連線的限制.
- 2 向設備發送文件
- 3 從設備獲取文件,以下載的方式
不足之處也很明顯:
- 1 WebRepl樣式單一,字體過小
- 2 界面存有大量留白,利用率不高
- 3 沒有漢化(可能大部分人都不需要)
- 4 筆者仔細分析了這個WebRepl網站的源碼,發現了大量的毫無用處的樣式文件,占到了源代碼很長的篇幅...感覺就像是在某個demo模板里改過來的.
可見,這個"官方"的WebRepl在一定程度上,解決了開發MicroPython的基本需求,但是對于工具的便捷性而言,實質上對開發效率的提高收效甚微.
如何使用WebRepl呢?
雖然目前的WebRepl存在諸多不足,但是還是很有必要對此進行一番學習和應用的,因為無線調試和開發的應用場景還是較為頻繁的.使用WebRepl也十分的簡單,大致分為以下幾個步驟:
將你的設備連接至無線網絡
介于筆者之前有專門敘述過這里便不再贅述,詳細請移步MicroPython-ESP32之更合理的建立wifi連接-1Z實驗室
在MicroPython中開啟WebRepl
只需在REPL中輸入:
import webrepl_setup
然后在詢問是否開啟WebRepl中選擇開啟:
Would you like to (E)nable or (D)isable it running on boot?
(Empty line to quit)
> E
然后根據根據提示設置密碼,這個密碼是在建立WebSocket通信時 需要進行的驗證,請牢記.
最后一步,需要我們手動去開啟webrepl
import webrepl
webrepl.start()
為了正真的把WebRepl服務添加到每次的啟動中,你需要把 以上代碼放入boot.py或main.py中.
以boot.py為例,貼出以下代碼,包含了開機的wifi連接以及自動開啟webrepl.
def do_connect():
import json
import network
# 嘗試讀取配置文件wifi_confi.json,這里我們以json的方式來存儲WIFI配置
# wifi_config.json在根目錄下
# 若不是初次運行,則將文件中的內容讀取并加載到字典變量 config
try:
with open('wifi_config.json','r') as f:
config = json.loads(f.read())
# 若初次運行,則將進入excpet,執行配置文件的創建
except:
essid = input('wifi name:') # 輸入essid
password = input('wifi passwrod:') # 輸入password
config = dict(essid=essid, password=password) # 創建字典
with open('wifi_config.json','w') as f:
f.write(json.dumps(config)) # 將字典序列化為json字符串,存入wifi_config.json
#以下為正常的WIFI連接流程
wifi = network.WLAN(network.STA_IF)
if not wifi.isconnected():
print('connecting to network...')
wifi.active(True)
wifi.connect(config['essid'], config['password'])
import time
time.sleep(5) #一般睡個5-10秒,應該綽綽有余
if not wifi.isconnected():
wifi.active(False) #關掉連接,免得repl死循環輸出
print('wifi connection error, please reconnect')
import os
# 連續輸錯essid和password會導致wifi_config.json不存在
try:
os.remove('wifi_config.json') # 刪除配置文件
except:
pass
do_connect() # 重新連接
else:
print('network config:', wifi.ifconfig())
if __name__ == '__main__':
do_connect()
import webrepl
webrepl.start()
使用WebRepl
em等等,我們使用的好像不是同一個 WebRepl?
沒錯,這就是1Z實驗室的小伙伴為大家開發的新的WebRepl,暫時項目取名為MicroIDE.使用教程--1Z實驗室-MicroIDE使用說明文檔
目前還在開發階段哦,基礎功能大致已經完善,但是UI似乎不是...畢竟我們沒有專業做web前端 的程序員,所以如果你碰巧是一個前端大佬,是否愿意加入一起開發呢?
推廣
