主頁 > 軟體設計 > Node.js與樹莓派物聯網控制技術實踐

Node.js與樹莓派物聯網控制技術實踐

2020-09-13 07:29:52 軟體設計

內容簡介:
當前,嵌入式系統和網路已經密不可分,我們使用的手機會聯網獲取資訊,家電(如空調或熱水器等)會聯網接受遠程控制,戶外監控攝像頭和各種傳感器通過網路將資料傳回監控中心,我們所處的世界正在走向萬物互聯,從而形成萬維物聯網WoT(Web of Things),本文借助樹莓派3B Linux單板機及少量的電子元件,詳細介紹Node.js與樹莓派物聯網控制與介面技術,以此為基礎,我們還可結合當代人工智能及機器學習演算法構建出豐富多彩的智能物聯網或智能萬維網應用平臺及應用產品原型系統,
文章目錄
一、Node.js簡介
二、樹莓派Node.js升級及構建基本的HTTP服務器測驗程式
1.樹莓派Node.js升級安裝
2.用Node構建一個基本的樹莓派HTTP服務器測驗程式
三、運用Node.js編制Web服務器程式控制樹莓派GPIO介面-以樹莓派LED發光控制為例
1.樹莓派GPIO引腳與LED連接
2.安裝 onoff 模塊和socket.io庫
3.創建Web服務器檔案和HTML檔案
一、Node.js簡介
簡單來說,Node.js就是運行在服務端的JavaScript,Node.js是一種事件驅動I/O服務端JavaScript環境、基于Google的V8引擎而建立的一個平臺,Node.js 使用事件驅動、非阻塞式 I/O 的模型,使用它可以方便、快速地構建可擴展的物聯網Web應用平臺,Node目前有兩個活躍版本:長期支持版(LTS)和當前版,由 Node.js基金會進行管理并提供支持,自從 2009年 Node.js問世以來,JavaScript漸漸變成了能開發所有軟體的語言,其地位也越來越重要,它不再是只能勉強在瀏覽器上使用的雞肋語言,這里有 ECMAScript 2015的功勞,因為它解決了之前那些ECMAScript標準中遺留下來的幾個關鍵問題,Node所用的Google V8引擎就是基于ECMAScript 2015而開發的,ECMAScript 2015是 ECMAScript標準的第6個版本,所以有時也被稱為 ES6,Node、React和 Electron等技術創新成果讓 JavaScript無處不在:從服務器到瀏覽器,再到原生的移動端應用程式,甚至像微軟這樣的大公司都對JavaScript敞開了懷抱,也為Node的成功應用起到了推波助瀾的作用,
Node和JavaScript的優勢之一是它們的單執行緒編程模型,多個執行緒一般會引入 Bug,盡管一些新的編程語言,包括 Go和 Rust,試圖提供更加安全的并發工具,但 Node仍然保留了JavaScript在瀏覽器中所用的模型,在為瀏覽器撰寫代碼時,我們寫的指令序列一次執行一條,代碼非并行執行,然而對于用戶界面來說這是不合理的,沒有哪個用戶想在瀏覽器執行網路訪問或檔案獲取這樣的低速操作時干等,為了解決該問題,在瀏覽器中引入事件處理機制:當你點擊按鈕時,就有一個事件被觸發,還有一個之前定義的函式會跑起來,這種機制能規避一些在執行緒編程中經常出現的問題,如資源死鎖及競態條件等,
二、樹莓派Node.js升級及構建基本的HTTP服務器測驗程式
1.樹莓派Node.js升級安裝
網上提供了較簡單的樹莓派Node.js升級兩步安裝法,以Raspberry PI 3B為例,在RPi Linux終端升級安裝node.js v10.22.0版本步驟如下:
~$ curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -
~$ sudo apt-get install -y nodejs
升級安裝是否成功,可以輸入以下命令進行測驗:
~$ node -v
v10.22.0
~$ nodejs
v10.22.0
~$ npm -v
6.14.6
從上面輸入命令及顯示,我們可以看出RPi已成功安裝node v10.22.0和npm 6.14.6,并且node和nodejs兩種命令方式都可以使用,
2.用Node構建一個基本的樹莓派HTTP服務器測驗程式
下面我們使用Raspberry Pi的nano編輯器創建一個基本的HTTP服務器測驗程式(見圖1),程式清單如下:
//Filename: nodetest.js
//匯入http模塊
var http = require(‘http’);
//呼叫http.createServer()方法創建服務器
http.createServer(function (request, response) {
//通過response.writeHead()方法寫http檔案頭
response.writeHead(200, {‘Content-Type’: ‘text/plain’});
//通過response.end()方法發送回應狀態碼,并通知服務器完成訊息
response.end(‘Hello Node.js!\n’);
}).listen(3000);//監聽3000埠號
// TODO: console log - server info
console.log(‘Server running at http://192.168.199.106:3000/’);
在這里插入圖片描述
圖1 一個基本的HTTP服務器測驗程式
程式最后一句使用console.log()方法顯示’Server running at http://192.168.199.106:3000/'字串,其中,192.168.199.106是所用樹莓派的IP地址,
保存程式,輸入node命令并運行:
$ node testserver.js
在瀏覽器輸入http://192.168.199.106:3000,我們可以看到“Hello Node.js!”輸出結果,故node.js運行成功,
三、運用Node.js編制Web服務器程式控制樹莓派GPIO介面-以樹莓派LED發光控制為例
1.樹莓派GPIO引腳與LED連接
這里以WiFi方式,即同一WiFi路由器下的局域網,通過單擊Web頁面的按鈕,控制連接到樹莓派GPIO.4引腳的LED,樹莓派GPIO引腳排列可通過gpio readall命令獲得(見圖2),
在這里插入圖片描述
圖2 樹莓派GPIO引腳排列及編號對照
下面對圖2的GPIO引腳及編號進行說明,樹莓派GPIO引腳是數字引腳,可以將它的輸出設為高電平或低電平,或者通過它讀取輸入的高低電平,如果想讀取模擬輸入設備的值,需要外接ADC芯片,樹莓派GPIO引腳編碼有三種方式:(1) BOARD編碼:是根據板子上引腳的位置進行編號,自上而下,從左到右,依次進行編號,也稱為物理引腳(Physical pins),(2) BCM編碼:是Broadcom提供的一種編碼規則,它和Broadcom ARM SoC片上系統中的信道編號相對應,這些編碼看起來沒有什么規律,是Python等GPIO編程常用的引腳編碼方式;(3) wiringPi編碼:是GNU gcc/g++等GPIO編程常用的引腳編碼方式,簡稱wPi,
在這里插入圖片描述
圖3 樹莓派GPIO引腳與LED連接原理圖及實物圖
樹莓派GPIO引腳與LED連接原理圖及實物圖見圖3所示,圖3左側為原理圖,右側為樹莓派GPIO與LED連接實物圖,這里樹莓派GPIO使用Pin16物理引腳,其對應wiringPi編碼為4、BCM編碼為23,發光二極管選用直徑為5mm的紅色LED,其正向導通電壓一般在1.7V~2.2V之間,LED發光亮度可根據GPIO引腳驅動電流公式I≈(VH-1.8V)/R近似選取,式中 VH ≈3.3V為GPIO引腳高電平電壓,1.8V為LED正向導通時的額定電壓,注意樹莓派GPIO引腳最大驅動電流不要超過16mA;R為限流電阻,其值越小LED亮度越暗,這里限流電阻選用了1kΩ電阻,如果想增大LED亮度還可選用680Ω、220Ω等標稱電阻,樹莓派Pin16物理引腳(BCM GPIO 23)、Pin6物理引腳(GND)與1kΩ限流電阻及LED通過三根杜邦線連接,此處使用了兩端為母插頭的杜邦線,這樣可以省掉面包板,
2.安裝 onoff 模塊和socket.io庫
這里使用Node.js、socket.io編制Web服務器程式控制樹莓派的GPIO 介面,通過在Web頁面創建兩個開關按鈕來遠程控制連接到樹莓派GPIO介面上的LED 點的點亮或熄滅,
Socket.io是一個WebSocket庫,它包括客戶端的JavaScript和服務器端的Nodejs,其目標是構建能在不同瀏覽器、嵌入式設備及移動設備上使用的實時應用,它會自動根據瀏覽器從WebSocket、Ajax長輪詢、Iframe流標簽等方式中選擇最佳方式實作網路實時應用,
前面已安裝了樹莓派Node.js,接下來安裝 onoff 模塊、socket.io庫:
(1)安裝 onoff 模塊
~$ npm install onoff
(2)安裝socket.io庫
~$ npm install socket.io –save
安裝好Node.js、onoff模塊、socket.io庫后,我們就能從瀏覽器網頁控制Raspberry Pi的GPIO 介面了,
3.創建Web服務器檔案和HTML檔案
我們已經安裝了所有必需的包,現在可以創建Web服務器程式和HTML檔案了,建議將這些檔案放在同一目錄中,
首先創建一個HTML檔案,通過鍵入~$ nano index.html 命令來創建一個名為index.html檔案,輸入代碼如下:

<!--Filename: index.html-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="content-type" content="text/html" charset="UTF-8">
  <title>樹莓派GPIO介面的Web遠程控制</title>
</head>
<body>
    <h3>控制BCM編碼23引腳</h3>
    <button type="button" id="state" onclick="LEDOn()" style="background-color:green;"> LED燈點亮 </button>
    <button type="button" id="state" onclick="LEDOff()" style="background-color:red;"> LED燈熄滅 </button>
    <script src="https://cdn.bootcss.com/socket.io/2.0.3/socket.io.js"></script>
    <script>
        var socket = io.connect(); //load socket.io-client and connect to the host
        function LEDOn(){
            socket.emit("state", 1); //發送button打開LED狀態
        }
        function LEDOff(){
            socket.emit("state", 0); //發送button關閉LED狀態
        }
    </script>
</html>
</body>
</html>

接著,我們再創建一個Web服務器檔案,Node.js檔案將打開請求并回傳檔案的內容,如果出現錯誤,它將回傳404,通過鍵入~$ nano ledonoff_webserver.js命令創建一個名為名為ledonoff_webserver.js 的服務器檔案,輸入代碼如下:

//Filename: ledonoff_webserver.js
var Gpio = require('onoff').Gpio; //Require onoff to control GPIO
var LEDPin = new Gpio(23, 'out'); //Declare BCM Coding GPIO 23 an output
var fs = require('fs'); //Require filesystem to read html files
var http = require('http').createServer(function handler(req, res) {//Create server
  fs.readFile(__dirname + '/index.html', function (err, data) {//Read html file
    if (err) {
      res.writeHead(500);
      return res.end('Error loading socket.io.html');
    }
    res.writeHead(200);
    res.end(data);
  });
});
var io = require('socket.io')(http) //Require socket.io module and pass the http object
http.listen(3000); //Listen to port 3000
io.sockets.on('connection', function (socket) {// WebSocket Connection
  var buttonState = 0; //Variable to store button state
  socket.on('state', function (data) { //Get button state from client
    buttonState = data;
    if (buttonState != LEDPin.readSync()) { //Change LED state if button state is changed
      LEDPin.writeSync(buttonState); //Turn LED on or off
    }
  });
});

注意,對于圖3中的LED連接到GPIO.4(Pin16)引腳,要使用對應于圖2中的BCM編碼23引腳號,這樣我們就成功創建了Web服務器和HTML檔案,接下來,我們就可以運行Web服務器并通過Web頁面控制Raspberry Pi的GPIO 介面了,
在命令終端輸入以下命令啟動web服務器:
~$ node ledonoff_webserver.js
然后,我們可用連接WiFi的手機打開瀏覽器,使用“樹莓派的IP地址:3000”打開網頁,我使用的樹莓派IP地址是192.168.199.106,在手機瀏覽器中鍵入:http://192.168.199.106:3000,應該會在瀏覽器上看到 “LED燈點亮”和“LED燈熄滅”兩個按鈕(見圖4),當按下手機瀏覽器中的“LED燈點亮”按鈕時,連接到樹莓派GPIO引腳的LED就會點亮(見圖5);當按下 “LED燈熄滅”按鈕時,連接到樹莓派GPIO引腳的LED就會熄滅,
在這里插入圖片描述

圖4 手機瀏覽器遠程控制LED燈亮滅的操作界面
在這里插入圖片描述
圖5 按下圖4的 “LED燈點亮”按鈕,連接樹莓派的LED燈被點亮
在此基礎上,我們還可結合當代人工智能及機器學習演算法構建出豐富多彩的智能物聯網或智能萬維網應用平臺及應用產品原型系統,如利用樹莓派PWM(脈寬調制)信號和當代智能控制演算法開發電動機、機械臂的遠程智能控制創新應用等,
(作者Email聯系:yuanzywhu@163.com)
發布日期:2020年9月10日

轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/21976.html

標籤:其他

上一篇:EtherNet/IP協議基礎知識(Part 2)

下一篇:一年翻 3 倍,裝機量 6 億臺的物聯網作業系統又放大招!

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • 面試突擊第一季,第二季,第三季

    第一季必考 https://www.bilibili.com/video/BV1FE411y79Y?from=search&seid=15921726601957489746 第二季分布式 https://www.bilibili.com/video/BV13f4y127ee/?spm_id_fro ......

    uj5u.com 2020-09-10 05:35:24 more
  • 第三單元作業總結

    1.前言 這應該是本學期最后一次寫作業總結了吧。總體來說,對作業的節奏也差不多掌握了,作業做起來的效率也更高了。雖然和之前的作業一樣,作業中都要用到新的知識,但是相比之前,更加懂得了如何利用工具以及資料。雖然之間卡過殼,但總體而言,這幾次作業還算完成的比較好。 2.作業程序總結 相比前兩個單元,此單 ......

    uj5u.com 2020-09-10 05:35:41 more
  • 北航OO(2020)第四單元博客作業暨課程總結博客

    北航OO(2020)第四單元博客作業暨課程總結博客 本單元作業的架構設計 在本單元中,由于UML圖具有比較清晰的樹形結構,因此我對其中需要進行查詢操作的元素進行了包裝,在樹的父節點中存盤所有孩子的參考。考慮到性能問題,我采用了快取機制,一次查詢后盡可能快取已經遍歷過的資訊,以減少遍歷次數。 本單元我 ......

    uj5u.com 2020-09-10 05:35:48 more
  • BUAA_OO_第四單元

    一、UML決議器設計 ? 先看下題目:第四單元實作一個基于JDK 8帶有效性檢查的UML(Unified Modeling Language)類圖,順序圖,狀態圖分析器 MyUmlInteraction,實際上我們要建立一個有向圖模型,UML中的物件(元素)可能與同級元素連接,也可與低級元素相連形成 ......

    uj5u.com 2020-09-10 05:35:54 more
  • 6.1邏輯運算子

    邏輯運算子 1. && 短路與 運算式1 && 運算式2 01.運算式1為true并且運算式2也為true 整體回傳為true 02.運算式1為false,將不會執行運算式2 整體回傳為false 03.只要有一個運算式為false 整體回傳為false 2. || 短路或 運算式1 || 運算式2 ......

    uj5u.com 2020-09-10 05:35:56 more
  • BUAAOO 第四單元 & 課程總結

    1. 第四單元:StarUml檔案決議 本單元采用了圖模型決議UML。 UML檔案可以抽象為圖、子圖、邊的邏輯結構。 在實作中,圖的節點包括類、介面、屬性,子圖包括狀態圖、順序圖等。 采用了三次遍歷UML元素的方法建圖,第一遍遍歷建點,第二、三次遍歷設定屬性、連邊,實作圖物件的初始化。這里借鑒了一些 ......

    uj5u.com 2020-09-10 05:36:06 more
  • 談談我對C# 多型的理解

    面向物件三要素:封裝、繼承、多型。 封裝和繼承,這兩個比較好理解,但要理解多型的話,可就稍微有點難度了。今天,我們就來講講多型的理解。 我們應該經常會看到面試題目:請談談對多型的理解。 其實呢,多型非常簡單,就一句話:呼叫同一種方法產生了不同的結果。 具體實作方式有三種。 一、多載 多載很簡單。 p ......

    uj5u.com 2020-09-10 05:36:09 more
  • Python 資料驅動工具:DDT

    背景 python 的unittest 沒有自帶資料驅動功能。 所以如果使用unittest,同時又想使用資料驅動,那么就可以使用DDT來完成。 DDT是 “Data-Driven Tests”的縮寫。 資料:http://ddt.readthedocs.io/en/latest/ 使用方法 dd. ......

    uj5u.com 2020-09-10 05:36:13 more
  • Python里面的xlrd模塊詳解

    那我就一下面積個問題對xlrd模塊進行學習一下: 1.什么是xlrd模塊? 2.為什么使用xlrd模塊? 3.怎樣使用xlrd模塊? 1.什么是xlrd模塊? ?python操作excel主要用到xlrd和xlwt這兩個庫,即xlrd是讀excel,xlwt是寫excel的庫。 今天就先來說一下xl ......

    uj5u.com 2020-09-10 05:36:28 more
  • 當我們創建HashMap時,底層到底做了什么?

    jdk1.7中的底層實作程序(底層基于陣列+鏈表) 在我們new HashMap()時,底層創建了默認長度為16的一維陣列Entry[ ] table。當我們呼叫map.put(key1,value1)方法向HashMap里添加資料的時候: 首先,呼叫key1所在類的hashCode()計算key1 ......

    uj5u.com 2020-09-10 05:36:38 more
最新发布
  • 【中介者設計模式詳解】C/Java/JS/Go/Python/TS不同語言實作

    * 中介者模式是一種行為型設計模式,它可以用來減少類之間的直接依賴關系,
    * 將物件之間的通信封裝到一個中介者物件中,從而使得各個物件之間的關系更加松散。
    * 在中介者模式中,物件之間不再直接相互互動,而是通過中介者來中轉訊息。 ......

    uj5u.com 2023-04-20 08:20:47 more
  • 露天煤礦現場調研和交流案例分享

    他們集團的資訊化公司及研究院在一個礦區正在做智能礦山的統一平臺的 試點,專案投資大概1億,包括了礦山的各方面的內容,顯示得我們這次交流有點多余。他們2年前開始做智能礦山的規劃,有很多煤礦行業專家的加持,他們的描述是非常完美,但是去年底應該上線的平臺,現在還沒有看到影子。他們確實有很多場景需求,但是被... ......

    uj5u.com 2023-04-20 08:20:25 more
  • 《社區人員管理》實戰案例設計&個人案例分享

    設計是一個讓人夢想成真程序,開始編碼、測驗、除錯之前進行需求分析和架構設計,才能保證關鍵方面都做正確 ......

    uj5u.com 2023-04-20 08:20:17 more
  • 軟體架構生態化-多角色交付的探索實踐

    作為一個技術架構師,不僅僅要緊跟行業技術趨勢,還要結合研發團隊現狀及痛點,探索新的交付方案。在日常中,你是否遇到如下問題 “ 業務需求排期長研發是瓶頸;非研發角色感受不到研發技改提效的變化;引入ISV 團隊又擔心質量和安全,培訓周期長“等等,基于此我們探索了一種新的技術體系及交付方案來解決如上問題。 ......

    uj5u.com 2023-04-20 08:20:10 more
  • 【中介者設計模式詳解】C/Java/JS/Go/Python/TS不同語言實作

    * 中介者模式是一種行為型設計模式,它可以用來減少類之間的直接依賴關系,
    * 將物件之間的通信封裝到一個中介者物件中,從而使得各個物件之間的關系更加松散。
    * 在中介者模式中,物件之間不再直接相互互動,而是通過中介者來中轉訊息。 ......

    uj5u.com 2023-04-20 08:19:44 more
  • 露天煤礦現場調研和交流案例分享

    他們集團的資訊化公司及研究院在一個礦區正在做智能礦山的統一平臺的 試點,專案投資大概1億,包括了礦山的各方面的內容,顯示得我們這次交流有點多余。他們2年前開始做智能礦山的規劃,有很多煤礦行業專家的加持,他們的描述是非常完美,但是去年底應該上線的平臺,現在還沒有看到影子。他們確實有很多場景需求,但是被... ......

    uj5u.com 2023-04-20 08:19:07 more
  • 《社區人員管理》實戰案例設計&個人案例分享

    設計是一個讓人夢想成真程序,開始編碼、測驗、除錯之前進行需求分析和架構設計,才能保證關鍵方面都做正確 ......

    uj5u.com 2023-04-20 08:18:57 more
  • 軟體架構生態化-多角色交付的探索實踐

    作為一個技術架構師,不僅僅要緊跟行業技術趨勢,還要結合研發團隊現狀及痛點,探索新的交付方案。在日常中,你是否遇到如下問題 “ 業務需求排期長研發是瓶頸;非研發角色感受不到研發技改提效的變化;引入ISV 團隊又擔心質量和安全,培訓周期長“等等,基于此我們探索了一種新的技術體系及交付方案來解決如上問題。 ......

    uj5u.com 2023-04-20 08:18:49 more
  • 05單件模式

    #經典的單件模式 public class Singleton { private static Singleton uniqueInstance; //一個靜態變數持有Singleton類的唯一實體。 // 其他有用的實體變數寫在這里 //構造器宣告為私有,只有Singleton可以實體化這個類! ......

    uj5u.com 2023-04-19 08:42:51 more
  • 【架構與設計】常見微服務分層架構的區別和落地實踐

    軟體工程的方方面面都遵循一個最基本的道理:沒有銀彈,架構分層模型更是如此,每一種都有各自優缺點,所以請根據不同的業務場景,并遵循簡單、可演進這兩個重要的架構原則選擇合適的架構分層模型即可。 ......

    uj5u.com 2023-04-19 08:42:41 more