資料介紹
描述
關(guān)于該項(xiàng)目:
在這個(gè)項(xiàng)目中,使用 HTML 和 JavaScript 設(shè)計(jì)了一個(gè)指示器按鈕。該按鈕通過(guò)將其狀態(tài)從“ON”更改為“OFF”來(lái)指示開關(guān)狀態(tài),反之亦然。此外,一個(gè)主開關(guān)設(shè)計(jì)用于控制所有相應(yīng)的按鈕。它的作用就像主開關(guān)一樣,我們?cè)诩依镉锌刂浦?a target='_blank' class='arckwlink_none'>電源的開關(guān)。交換機(jī)的虛擬框圖如下:
1.初始階段:

2. 當(dāng)按下開關(guān)打開連接的設(shè)備時(shí),標(biāo)簽發(fā)生了變化:

3.如果按下主開關(guān),它將切斷所有開關(guān)的電源,初始狀態(tài)如下:

整個(gè)項(xiàng)目是使用 Bolt IoT 和 4 通道繼電器模塊實(shí)現(xiàn)的。因此,首先我們應(yīng)該了解什么是 Bolt IoT 和中繼。
什么是繼電器?
繼電器是一種以機(jī)電方式控制(打開和關(guān)閉)電路的開關(guān)。該設(shè)備的主要操作是在沒(méi)有任何人為參與的情況下借助信號(hào)建立或斷開接觸,以便將其打開或關(guān)閉。它主要用于使用低功率信號(hào)控制高功率電路。
入門:
令人興奮的是,在網(wǎng)頁(yè)或 Bolt App 中看到按鈕可以控制我們的家用電器,并在按下按鈕時(shí)更改其狀態(tài)或標(biāo)簽以使設(shè)備打開或關(guān)閉。
該項(xiàng)目的解釋分為以下兩部分。
- 硬件連接
- 使用編程代碼配置 Bolt IoT 模塊
1.硬件連接:
第 1 步:組裝將在項(xiàng)目中使用的所有必需材料。
第 2 步:讓我們從將繼電器模塊連接到 Bolt IoT 設(shè)備開始。
- 將繼電器的 GND 連接到螺栓的 GND
- 將繼電器的 VCC 連接到螺栓的 5V
- 將 Relay 的 IN1、IN2、IN3 和 IN4 分別連接到 Bolt 的引腳 1、2、3 和 4。

為了演示我在繼電器中使用 LED 的模型,我們可以使用風(fēng)扇、燈等家用電器。
如下圖所示,每個(gè)繼電器都有 3 個(gè)端子 NC(常閉)、NO(常開)和 Common。
- +5 伏提供給繼電器的公共端,NO 連接到 Led 的陽(yáng)極,Led 的陰極接地。
- 分別連接所有繼電器,見(jiàn)下圖。

最終示意圖如下所示:

2、Bolt物聯(lián)網(wǎng)模塊配置:
第 1 步: 將 Bolt 設(shè)備與 5 伏電源連接并打開 BoltCloud https://cloud.boltiot.com/

檢查板子是否在線。綠點(diǎn)代表 Bolt 通過(guò) Internet 與 Bolt 云連接。
第 2 步:參考此鏈接了解如何在 Bolt 云上創(chuàng)建新產(chǎn)品(項(xiàng)目)https://docs.boltiot.com/docs/adding-a-product
第 3 步:在這個(gè)項(xiàng)目中,我創(chuàng)建了一個(gè)名為 HomeAutomation 的項(xiàng)目

第四步:如圖配置你的產(chǎn)品:

第五步:點(diǎn)擊代碼,輸入如圖所示的詳細(xì)信息:

第6 步:最后,將產(chǎn)品鏈接到設(shè)備并上傳配置訪問(wèn)https://docs.boltiot.com/docs/link-device-to-a-product
代碼和工作:
在給定的代碼中,我設(shè)計(jì)了輸入按鈕,當(dāng)它們被按下時(shí)可以調(diào)用特定的功能。
當(dāng)按下按鈕時(shí),它會(huì)向繼電器發(fā)送邏輯“0”,繼電器會(huì)打開相應(yīng)的繼電器并根據(jù)邏輯改變其狀態(tài)。這樣它就可以作為一個(gè)指示器按鈕。
對(duì)于想要了解如何結(jié)合使用 HTML 和 Javascript 來(lái)設(shè)計(jì)與 Bolt IoT 相關(guān)的自動(dòng)化項(xiàng)目的初學(xué)者來(lái)說(shuō),這個(gè)項(xiàng)目可能是一個(gè)很好的例子。
未來(lái)范圍:
基于這個(gè)項(xiàng)目,可以設(shè)計(jì)一個(gè)自動(dòng)化面板,可以顯示連接的每個(gè)設(shè)備的能源消耗和使用時(shí)間。
- 使用ECG的心跳指示器
- 水位指示器開源分享
- EUFORIS的水位指示器
- Learnelectronics低壓指示器開源
- 暫態(tài)錄波型故障指示器技術(shù)規(guī)范 6次下載
- 電平指示器的應(yīng)用實(shí)驗(yàn)電路原理圖免費(fèi)下載 30次下載
- 電池正?!穳?b class="flag-6" style="color: red">指示器電路原理圖免費(fèi)下載 34次下載
- JavaScript代碼嵌入HTML的文檔詳細(xì)資料概述 7次下載
- Javascript制作聲音按鈕方法及代碼免費(fèi)下載 3次下載
- HTML和JavaScript編程筆試題資料免費(fèi)下載 8次下載
- HTML JavaScript的詳細(xì)資料簡(jiǎn)介 2次下載
- PIC16系列器件的內(nèi)部溫度指示器的簡(jiǎn)介,使用和校準(zhǔn)詳細(xì)資料概述
- 內(nèi)部溫度指示器的使用與校準(zhǔn) 12次下載
- 故障指示器故障判定 9次下載
- LM324運(yùn)放制作電平指示器 296次下載
- 超級(jí)電容在故障指示器中的作用有哪些? 550次閱讀
- 線路故障指示器為什么變成紅色 1.8k次閱讀
- 內(nèi)置超級(jí)電容模塊的故障指示器有哪些特性? 1.1k次閱讀
- 水位指示器電路圖分享 10k次閱讀
- 典型指示器電路圖分享 3.2k次閱讀
- 電池電量指示器電路圖分享 2.5w次閱讀
- 對(duì)稱電源平衡指示器電路原理圖 1.8k次閱讀
- 分享一個(gè)水位指示器電路 2k次閱讀
- 節(jié)拍頻率指示器電路分享 1.8k次閱讀
- 簡(jiǎn)單易用的電源就緒指示器可檢測(cè)欠壓和過(guò)壓 3.7k次閱讀
- 如何將JavaScript代碼嵌入HTML頁(yè)面 1.7k次閱讀
- 一個(gè)獨(dú)特的水位指示器電路 3.2k次閱讀
- LED溫度指示器電路圖分析 3.3k次閱讀
- 閃爍指示器電路圖 7.1k次閱讀
- JavaScript讓HTML靜態(tài)頁(yè)面?zhèn)髦档姆椒?/a> 7k次閱讀
下載排行
本周
- 1耗盡型MOS FET產(chǎn)品目錄選型表
- 0.14 MB | 2次下載 | 免費(fèi)
- 2TI系列-米爾TI AM62L核心板開發(fā)板-高能效低功耗嵌入式平臺(tái)
- 1.51 MB | 次下載 | 免費(fèi)
- 3WILLSEMI韋爾20年半年度報(bào)告由代理分銷經(jīng)銷一級(jí)代理分銷經(jīng)銷
- 3.30 MB | 次下載 | 免費(fèi)
- 4LRC 樂(lè)山無(wú)線電InTWSApplications家電由原廠代理分銷經(jīng)銷一級(jí)代理分銷經(jīng)銷供應(yīng)
- 85.84 KB | 次下載 | 免費(fèi)
- 5LAT1596 一文說(shuō)明白 STM32G4 雙 Bank 啟動(dòng)與升級(jí)
- 0.64 MB | 次下載 | 5 積分
- 6LAT1594_基于事件喚醒低功耗之介紹
- 0.37 MB | 次下載 | 5 積分
- 7PT8P2309 觸控 A/D 型 8-Bit MCU規(guī)格書
- 4.05 MB | 次下載 | 免費(fèi)
- 8PT8P2308 觸控 A/D 型 8-Bit MCU規(guī)格書
- 4.13 MB | 次下載 | 免費(fèi)
本月
- 1美的電磁爐電路原理圖資料
- 4.39 MB | 19次下載 | 10 積分
- 2反激式開關(guān)電源設(shè)計(jì)解析
- 0.89 MB | 11次下載 | 5 積分
- 3耗盡型MOS FET產(chǎn)品目錄選型表
- 0.14 MB | 2次下載 | 免費(fèi)
- 4簡(jiǎn)易光伏控制器原理圖資料
- 0.07 MB | 1次下載 | 5 積分
- 52EDL05x06xx系列 600V半橋門驅(qū)動(dòng)器帶集成自舉二極管(BSD)手冊(cè)
- 0.69 MB | 1次下載 | 免費(fèi)
- 6國(guó)產(chǎn)千兆網(wǎng)口芯片PT153S中文資料
- 1.35 MB | 次下載 | 免費(fèi)
- 7斯丹電子 | 用于芯片測(cè)試系統(tǒng)的射頻干簧繼電器
- 5.11 MB | 次下載 | 免費(fèi)
- 8SFI立昌ESD/TVS管原廠代理分銷經(jīng)銷一級(jí)代理分銷經(jīng)銷
- 294.76 KB | 次下載 | 免費(fèi)
總榜
- 1matlab軟件下載入口
- 未知 | 935137次下載 | 10 積分
- 2開源硬件-PMP21529.1-4 開關(guān)降壓/升壓雙向直流/直流轉(zhuǎn)換器 PCB layout 設(shè)計(jì)
- 1.48MB | 420064次下載 | 10 積分
- 3Altium DXP2002下載入口
- 未知 | 233095次下載 | 10 積分
- 4電路仿真軟件multisim 10.0免費(fèi)下載
- 340992 | 191448次下載 | 10 積分
- 5十天學(xué)會(huì)AVR單片機(jī)與C語(yǔ)言視頻教程 下載
- 158M | 183360次下載 | 10 積分
- 6labview8.5下載
- 未知 | 81605次下載 | 10 積分
- 7Keil工具M(jìn)DK-Arm免費(fèi)下載
- 0.02 MB | 73829次下載 | 10 積分
- 8LabVIEW 8.6下載
- 未知 | 65991次下載 | 10 積分
電子發(fā)燒友App





創(chuàng)作
發(fā)文章
發(fā)帖
提問(wèn)
發(fā)資料
發(fā)視頻
上傳資料賺積分
評(píng)論