電子發(fā)燒友App
創(chuàng)作
發(fā)文章
發(fā)帖 
提問 
發(fā)資料
發(fā)視頻資料介紹
描述
您在理解如何使用 Python Zerynth studio編程 ESP32 以及使用Zerynth App通過無線網(wǎng)絡(luò)連接或控制您的設(shè)備時遇到過問題嗎？該項目旨在讓初學(xué)者逐步了解如何構(gòu)建簡單的分壓器。
為簡單起見，本文將分為三個部分。每個部分都有自己的目標(biāo)：
第 1 部分：通過控制臺讀取輸出電壓。
第 2部分：通過使用Zerynth 應(yīng)用程序無線讀取結(jié)果，將項目提升到更高的水平。
第 3 部分：使用來自JQWidgets 的“jqxKnob”元素的圖形界面推進(jìn)數(shù)據(jù)讀取 。
所需材料
首先，你需要一塊板子。您可以選擇Zerynth 支持的 32 位微控制器設(shè)備之一。我們選擇了NodeMCU ESP-32S ，這是一款非常流行的開發(fā)板，內(nèi)置 WI-FI，用于創(chuàng)建物聯(lián)網(wǎng)項目。
最后但并非最不重要的一點是，您需要：
組裝
只需將 USB 為面包板上的 ESP-32 供電并連接可變電阻器，如圖所示：
?
第 1 部分：通過控制臺讀取輸出電壓。
安裝 Zerynth Studio并創(chuàng)建 Zerynth 用戶后，您必須注冊并虛擬化開發(fā)板。看看Zerynth 官方文檔 NodeMCU ESP-32S 快速入門。
現(xiàn)在您可以開始用Python對您的電路板進(jìn)行編程了！
創(chuàng)建一個新項目并編輯main.py文件如下：
import streams
# import the Analog to digital converter driver
import adc
streams.serial()
while True:
# Read Analog data from port A0 and convert it to Digital data (A0 is 12bit-(4096))
value = adc.read(A0)
# Convert the input to volt
volt=value*(3.3/4095.0)
print("sensor raw value:", value," Reading:",volt,"Volt")
sleep(1000)
這是一個非常簡單的 python 程序，用于從 ADC 端口 A0 讀取模擬輸入并將其轉(zhuǎn)換為實際電壓值。ADC 端口是一個 12 位端口（2 的 12 次方=4096），使用公式 volt=value*(3.3/4095) 將數(shù)字?jǐn)?shù)據(jù)轉(zhuǎn)換為實際電壓值。最后，我們使用命令“print”在控制臺上打印結(jié)果
至此，我們已經(jīng)完成了第一部分。您現(xiàn)在可以將項目上傳到您的設(shè)備。打開控制臺并開始更改電阻值并查看控制臺上的輸出電壓。
?
第2 部分：通過使用Zerynth App以無線方式讀取結(jié)果，將項目提升到更高水平。
在這部分中，除了控制臺之外，還將無線發(fā)送電壓讀數(shù)數(shù)據(jù)到智能手機。
我們將需要完成以下步驟：
- 在 ESP-32 上啟用無線
- 連接到 Zerynth 應(yīng)用程序。
- 創(chuàng)建一個 HTML 模板以從智能手機讀取數(shù)據(jù)。
1 -在 ESP-32 上啟用無線：為了通過NodeMCU ESP-32S啟用 WI-FI ，您需要導(dǎo)入 WI-FI 庫并啟動連接。您可以在 espressif 的 Zerynth 工作室示例下閱讀有關(guān)啟用 WI-FI 的更多信息。
# import the WI-FI library
from wireless import wifi
from espressif.esp32net import esp32wifi as wifi_driver
import streams
import adc
streams.serial()
sleep(1000)
print("STARTING...")
################### WIFI Connection Setup #############################
wifi_driver.auto_init()
try:
for i in range(0,5):
try:
wifi.link("Your WI-FI name",wifi.WIFI_WPA2,"Your WI-FI password")
print("Connection established..........................:)")
break
except Exception as e:
print("Can't link",e)
else:
print("Impossible to link!")
while True:
sleep(1000)
except Exception as e:
print(e)
################### Volt Reading Setup #############################
while True:
value = adc.read(A0)
volt=value*(3.3/4095.0)
print("sensor raw value:", value," Volte:",volt)
sleep(300)
從上面的代碼中，您需要導(dǎo)入 Wi-Fi 庫。在這個項目中，我們導(dǎo)入了 espressif.esp32net 因為我們使用的是NodeMCU ESP-32S 。如果您有不同的開發(fā)人員，則需要導(dǎo)入正確的 FW-FI 庫。
在 WI-FI 連接部分，您將找到設(shè)置 ESP32 以連接到您的無線網(wǎng)絡(luò)的代碼。您需要將“您的 WI-FI 名稱”和“您的 WI-FI 密碼”分別更改為您的無線網(wǎng)絡(luò)名稱和密碼。
現(xiàn)在將項目上傳到您的設(shè)備。打開控制臺，檢查 ESP32 網(wǎng)絡(luò)連接是否已建立
至此，我們的 ESP32 已經(jīng)成功連接到 WI-FI，我們將進(jìn)入下一步，配置我們的 ESP32 連接到 Zerynth App。
2 -連接到 Zerynth 應(yīng)用程序：這是最有趣和最有趣的部分，您可以通過無線方式發(fā)送數(shù)據(jù)并通過智能手機讀取數(shù)據(jù)。
通過添加以下內(nèi)容更改您的代碼：
一、導(dǎo)入Zerynth ADM
# import Zerynth App
from zadm import zadm
其次，配置您的設(shè)備 UID 和“設(shè)備令牌”。您必須創(chuàng)建一個“已連接設(shè)備”并將“zerynthapp”實例鏈接到它。然后您必須創(chuàng)建一個模板并將其鏈接到已連接設(shè)備?？纯础?/font>更多詳細(xì)信息，請參閱本教程的“創(chuàng)建和設(shè)置連接的設(shè)備”和“創(chuàng)建、上傳和設(shè)置模板”步驟。
################### Zerynth App Configuration #########################
z = zadm.Device(DEVICE UID HERE", "DEVICE TOKEN HERE")
z.start()
第三， 您需要使用命令 z.send_event 將數(shù)據(jù)發(fā)送到 Zerynth App。此命令有 2 個參數(shù)，第一個是數(shù)據(jù)名稱，第二個是值。數(shù)據(jù)名稱由您選擇。
# send the voltage value to the zerynth App
z.send_event({"Voltage":volt})
以下是完整的 Python 代碼：
from wireless import wifi
from espressif.esp32net import esp32wifi as wifi_driver
import streams
import adc
# import Zerynth App
from zadm import zadm
streams.serial()
sleep(1000)
print("STARTING...")
################### WIFI Connection Setup #############################
wifi_driver.auto_init()
try:
for i in range(0,5):
try:
wifi.link("iPhone XS",wifi.WIFI_WPA2,"1234.saif")
print("Connection established..........................:)")
break
except Exception as e:
print("Can't link",e)
else:
print("Impossible to link!")
while True:
sleep(1000)
except Exception as e:
print(e)
################### Zerynth App Configuration #########################
z = zadm.Device(DEVICE UID HERE", "DEVICE TOKEN HERE")
z.start()
################### Volt Reading Setup #############################
while True:
value = adc.read(A0)
volt=value*(3.3/4095.0)
print("sensor raw value:", value," Volte:",volt)
# send the voltage value to the zerynth App
z.send_event({"Voltage":volt})
sleep(300)
第四，創(chuàng)建您的 HTML 模板并將其上傳到 Zerynth 服務(wù)器。文檔中提供了基本模板。
在 HTML 模板中更改on_event行以顯示電壓值。這個“電壓”字符串必須與上面 Python 代碼中寫入的數(shù)據(jù)名稱相同：
on_event: function(evt){$("#status1").html(JSON.stringify(evt.payload.Voltage)+" Volt");},
最終的 HTML 代碼如下：
html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Volt Dividertitle>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">script>
<script src="https://api.zerynth.com/zadm/latest/z.js">script>
head>
<body style="text-align:center">
<div> <h1 id="status" style="background:#ddd;font-weight:bold">h1>div>
<div> <h1 id="status1" style="background:#ddd;font-weight:bold">h1>div>
<script>
$(document).ready(function() {
Z.init({
on_connected: function(){$("#status").html("CONNECTED")},
on_error: function(){$("#status").html("ERROR")},
on_disconnected: function(){$("#status").html("DISCONNECTED"); return true},
on_online: function(evt){$("#status").html("ONLINE");},
on_offline: function(evt){$("#status").html("OFFLINE");},
on_event: function(evt){$("#status1").html(JSON.stringify(evt.payload.Voltage)+" Volt");},
on_notify: function(evt){$("#status").html("NOTIFICATION! "+JSON.stringify(evt));}
})
});
script>
body>
html>
現(xiàn)在在您的智能手機上運行您的Zerynth 應(yīng)用程序，您應(yīng)該會看到正在運行的數(shù)據(jù)
?
?
?
第 3 部分：使用來自JQWidgets 的“jqxKnob”元素的圖形界面推進(jìn)數(shù)據(jù)讀取 。
在這最后一部分中，我們將使用JQWidgets 的“jqxKnob”元素將結(jié)果轉(zhuǎn)換為圖形用戶界面。您只需要通過導(dǎo)入 JQWidgets 庫來更改 HTML 模板并添加樣式代碼。新的 HTML 文件如下所示
HTML 模板：
html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Voltage Dividertitle>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">script>
<script src="https://api.zerynth.com/zadm/latest/z.js">script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css" type="text/css" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />
<script type="text/javascript" src="https://jqwidgets.com/public/scripts/jquery-1.11.1.min.js">script>
<script type="text/javascript" src="https://jqwidgets.com/public/jqwidgets/jqxcore.js">script>
<script type="text/javascript" src="https://jqwidgets.com/public/jqwidgets/jqxdraw.js">script>
<script type="text/javascript" src="https://jqwidgets.com/public/jqwidgets/jqxknob.js">script>
<script type="text/javascript" src="https://jqwidgets.com/public/jqwidgets/jqxnumberinput.js">script>
<style type="text/css">
#container {
position: relative;
}
.inputField {
left: 110px; //change the voltage reading location input field
top: 123px;
position: absolute;
background: transparent;
border: none;
}
text.jqx-knob-label {
font-size: 13px;
}
.inputField .jqx-input-content {
background: transparent;
font-size: 20px;
color: grey;
}
style>
<script type="text/javascript">
$(document).ready(function () {
$('#container').jqxKnob({
width: 300, //Gadget size
value: 0, // Change the voltage from here
min: 0,
max: 3.3,
startAngle:120,
endAngle: 420,
snapToStep: false, //false to show voltage in decimal point
allowValueChangeOnClick: false,
allowValueChangeOnDrag: false,
allowValueChangeOnMouseWheel: false,
rotation: 'clockwise',
style: { stroke: '#dfe3e9', strokeWidth: 3, fill: { color: '#fefefe', gradientType: "linear", gradientStops: [[0, 1], [50, 0.9], [100, 1]] } },
marks: {
colorRemaining: { color: 'grey', border: 'grey' },
colorProgress: { color: '#00a4e1', border: '#00a4e1' },
type: 'line',
offset: '71%',
thickness: 3,
size: '6%',
majorSize: '9%',
majorInterval: .5,
minorInterval: .1,
},
labels: {
offset: '88%',
step: .5,
visible: true
},
progressBar: {
style: { fill: '#00a4e1', stroke: 'grey' },
size: '9%',
offset: '60%',
background: { fill: 'grey', stroke: 'grey' }
},
pointer: { type: 'arrow', style: { fill: '#00a4e1', stroke: 'grey' }, size: '59%', offset: '49%', thickness: 20 }
});
var input = $('');
$('#container').append(input);
var inputOptions = {
width: 80,
height: 500,
decimal: 0, // starting value same as widget
min: 0, // same as widget
max: 3.3, // same as widget
textAlign: 'center',
decimalDigits: 2,
inputMode: 'simple'
};
$(input).jqxNumberInput(inputOptions);
$('#container').on('change', function (event) {
if (event.args.changeSource == 'propertyChange' || event.args.changeSource == 'val') { return; }
$(input).val(event.args.value);
})
});
script>
head>
<body class='default' style="text-align:center">
<div> <h1 id="status" style="background:#ddd;font-weight:bold">h1>div>
<div id='container' style="width: 200px; height: 200px; margin:0 auto;"> div>
<script>
$(document).ready(function() {
Z.init({
on_connected: function(){$("#status").html("CONNECTED")},
on_error: function(){$("#status").html("ERROR")},
on_disconnected: function(){$("#status").html("DISCONNECTED"); return true},
on_online: function(evt){$("#status").html("ONLINE");},
on_offline: function(evt){$("#status").html("OFFLINE");},
on_event: function(evt){
var val = JSON.stringify(evt.payload.Voltage);
$('#container').val(val);},
on_notify: function(evt){$("#status").html("NOTIFICATION! "+JSON.stringify(evt));}
})
});
script>
body>
html>
上傳 THML 文件并在您的智能手機上運行 Zerynth 應(yīng)用程序。
?
?
?
?
?
快來了
?
?
?
- 優(yōu)化比較器輸入端上的電阻分壓器
- 簡單的觸摸傳感器電路構(gòu)建
- 電阻分壓計算小工具 48次下載
- 分壓器的相關(guān)知識
- DCDC轉(zhuǎn)換器中電阻式反饋分壓器設(shè)計
- 基于LM2733升壓變換器電路設(shè)計 6次下載
- 基于電阻串聯(lián)分壓的電子電路計算器 64次下載
- 電源設(shè)計中的分壓器，用于調(diào)節(jié)輸出電壓資料下載
- 基于主題模型和變分自編器的自適應(yīng)知識方法 5次下載
- 電阻分壓計算器應(yīng)用程序免費下載 47次下載
- 特高壓直流輸電工程直流分壓器動態(tài)特性 9次下載
- 脈沖電阻分壓器的性能分析和電感補償 13次下載
- 電阻分壓計算器 138次下載
- 一種測量脈沖高電壓的電容分壓器
- 實用電阻分壓器
- 電容分壓器電路計算示例 3.4k次閱讀
- 如何分壓和征服分壓器：實用的電阻分壓器變得簡單 2.2k次閱讀
- 電源中的分壓器 1.6k次閱讀
- 基于音頻分壓計DS1808實現(xiàn)音頻應(yīng)用系統(tǒng)的設(shè)計 2.5k次閱讀
- 分壓式電壓互感器的原理及應(yīng)用 9.4k次閱讀
- 分壓器怎么認(rèn)識 4.8k次閱讀
- 一文看懂水力分壓器設(shè)計及選型 8.5k次閱讀
- 分壓器工作原理及種類詳解 3.7w次閱讀
- 一文看懂阻容分壓器原理是什么 2.3w次閱讀
- 交直流分壓器是什么_交直流分壓器有什么特點_交直流分壓器使用方法 5.9k次閱讀
- 分壓法和限流法的區(qū)別_分壓式與限流式的選擇 12.3w次閱讀
- 電阻分壓簡單電路圖（電阻串聯(lián)分壓/分壓電阻采樣） 16.9w次閱讀
- 什么是電阻分壓？電阻分壓的工作原理是什么？電阻分壓和限流是一個概念嗎？ 2.6w次閱讀
- 分壓式偏置電路經(jīng)典設(shè)計 5.4w次閱讀
- 電容分壓器是什么？電容分壓器詳解：電容分壓器定義和電容分壓器工作原理以及電容分壓器電路 1.5w次閱讀
上傳資料賺積分下載排行
本周
- 1山景DSP芯片AP8248A2數(shù)據(jù)手冊
- 1.06 MB | 532次下載 | 免費
- 2RK3399完整板原理圖（支持平板，盒子VR）
- 3.28 MB | 339次下載 | 免費
- 3TC358743XBG評估板參考手冊
- 1.36 MB | 330次下載 | 免費
- 4DFM軟件使用教程
- 0.84 MB | 295次下載 | 免費
- 5元宇宙深度解析—未來的未來-風(fēng)口還是泡沫
- 6.40 MB | 227次下載 | 免費
- 6迪文DGUS開發(fā)指南
- 31.67 MB | 194次下載 | 免費
- 7元宇宙底層硬件系列報告
- 13.42 MB | 182次下載 | 免費
- 8FP5207XR-G1中文應(yīng)用手冊
- 1.09 MB | 178次下載 | 免費
本月
- 1OrCAD10.5下載OrCAD10.5中文版軟件
- 0.00 MB | 234315次下載 | 免費
- 2555集成電路應(yīng)用800例(新編版)
- 0.00 MB | 33566次下載 | 免費
- 3接口電路圖大全
- 未知 | 30323次下載 | 免費
- 4開關(guān)電源設(shè)計實例指南
- 未知 | 21549次下載 | 免費
- 5電氣工程師手冊免費下載(新編第二版pdf電子書)
- 0.00 MB | 15349次下載 | 免費
- 6數(shù)字電路基礎(chǔ)pdf(下載)
- 未知 | 13750次下載 | 免費
- 7電子制作實例集錦 下載
- 未知 | 8113次下載 | 免費
- 8《LED驅(qū)動電路設(shè)計》 溫德爾著
- 0.00 MB | 6656次下載 | 免費
總榜
- 1matlab軟件下載入口
- 未知 | 935054次下載 | 免費
- 2protel99se軟件下載(可英文版轉(zhuǎn)中文版)
- 78.1 MB | 537798次下載 | 免費
- 3MATLAB 7.1 下載 (含軟件介紹)
- 未知 | 420027次下載 | 免費
- 4OrCAD10.5下載OrCAD10.5中文版軟件
- 0.00 MB | 234315次下載 | 免費
- 5Altium DXP2002下載入口
- 未知 | 233046次下載 | 免費
- 6電路仿真軟件multisim 10.0免費下載
- 340992 | 191187次下載 | 免費
- 7十天學(xué)會AVR單片機與C語言視頻教程 下載
- 158M | 183279次下載 | 免費
- 8proe5.0野火版下載(中文版免費下載)
- 未知 | 138040次下載 | 免費
工商網(wǎng)監(jiān)
評論