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