【導讀】 摘要...........................................................................................................................................................3 ABSTRACT..................................................................................................................................................4 1.緒論.............................................................................

　　

【正文】 程序設計 對于物聯(lián)網(wǎng)系統(tǒng)網(wǎng)絡的核心是構(gòu)建一個 RESTful 服務，而這構(gòu)建 RESTful 的核心便 是基礎的 HTPP 協(xié)議?；A的 HTTP 協(xié)議便是 :GET、 POST、 PUT、 DELETE。它們分別 對應四種基本操作： GET 用來獲取資源， POST 用來新建資源（也可以用于更新資 源）， PUT用來更新資源， DELETE 用來刪除資源。 restful 簡要的來說，一個 GET 動作便是 在打開一個網(wǎng)頁的時候，看到的內(nèi)容，便是 GET 到 的資源。而在獲取取到網(wǎng)頁的內(nèi)容之前，會有一個 POST 動作到所要打開的網(wǎng)站的 服務 器。 Get Request 第節(jié) 基本的 REST服務 REST 服務實際上是充當著網(wǎng)絡與設備的傳輸介質(zhì)，構(gòu)建一個 REST 服務也就相當于 獲取一個 URL 下的某個數(shù)據(jù) $curl 返回結(jié)果如下所示 JSON 結(jié)果返回圖 假設有這樣一個資源用于呈現(xiàn) led 的狀態(tài)，即 11，獲取這個LED 的狀態(tài)便發(fā)出了類似下面這樣的請求 : GET /status/1 HTTP/ Host:localhost CotentType:application/json。charset=UTF8 在客戶端發(fā)出上述的請求的時候，服務端需要對其做出響應，構(gòu)造出一個下面的結(jié)果 [{ status:1 }] 1 代表給予燈的狀態(tài)應該是亮的 ,在那之后需要做的便是將其通過串口發(fā)送給單片 機 11在本地進行 web 開發(fā)時，瀏覽器可以識別 localhost，配置好 Hosts 時相當于。 進行處理，對應于一個關機的結(jié)果便是 [{ status:0 }] 這樣就完成了基本的狀態(tài)設計。而對于系統(tǒng)最后需要解析的數(shù)據(jù)的結(jié)果來說，還需要加入其他元素， [{ id: 1, temperature: 10, sensors1: 22, sensors2: 11, led1: 0 }] 這里也涉及到了 json 數(shù)據(jù)結(jié)構(gòu)的設計，可以將上面的結(jié)果設計為 [{ id: 1, temperature: 10, sensors:[{ sensor:22, sensor:11, }], led1: 0 }] 這種具有更好的可讀性，然而在對于網(wǎng)速速度要求高的情況下，會表現(xiàn)得不好， 同時會造成額外的系統(tǒng)開銷。對于這樣一個需要不斷讀取數(shù)據(jù)的系統(tǒng)來說，采用 單層結(jié)構(gòu)的 json 數(shù)據(jù)會更具有優(yōu)勢。 在設計這樣一個接口的時候，需要考慮客戶端可能需要獲取全部的數(shù)據(jù) GET /status HTTP/ Host:localhost CotentType:application/json。charset=UTF8 設計好這樣的接口有助于顯示在系統(tǒng)的前臺，而這也是無法在物聯(lián)網(wǎng)系統(tǒng)中產(chǎn)生 統(tǒng)一協(xié)議的原因之一，復雜的接口無法用于簡單功能的場景。 下面是一個簡單的 POST 請求的示例，系統(tǒng)需要能接收 POST 請求，并將請求存儲到數(shù)據(jù)庫 POST / HTTP/ Host:localhost UserAgent: Go package ContentLength: 45 Authorization: 123456 AcceptEncoding: gzip 一個 PUT 動作但是我們更新資源，就好比是我們創(chuàng)建一個日志或者一個說說一樣。 DELETE 動作，便是刪除動作了，而這也是一個物聯(lián)網(wǎng)系統(tǒng)服務所需要的。 第節(jié) 系統(tǒng)前臺設計 在對系統(tǒng)前臺設計的時候，在考慮不同移動設備的兼容的同時，也需要保持一個 良好可用的結(jié)構(gòu)。而系統(tǒng)在前臺的主要功能是在于控制物體的狀態(tài)、顯示一些數(shù) 值的變化，控制物體狀態(tài)的關鍵在于如何將數(shù)據(jù)由前臺 POST 到后臺，在 網(wǎng)頁端可 以用 POST，而在移動端則可以用 JSON API。 第節(jié) Ajax AJAX : Asynchronous JavaScript and XML（異步的 JavaScript 和 XML）。 AJAX 不是新的編程語言，而是一種使用現(xiàn)有標準的新方法。 AJAX 是與服務器交換數(shù)據(jù)并更新部分網(wǎng)頁的藝術，在不重新加載整個頁面的情況下。 剝離后的 Ajax 部分代碼如下所示，主要用的是 jQuery 框架的 getJSON 來實現(xiàn)的 begin data:=get_data(url) if temperature:=(temperature) 控制界面 當按下 Change Status 按鈕時，系統(tǒng)發(fā)生了如下變化 GET POST 數(shù)據(jù) 系統(tǒng)會先向服務器發(fā)送數(shù)據(jù)，也就是 POST 請求，在請求結(jié)束后，系統(tǒng)將會刷新頁面，也就是 GET 請求。 系統(tǒng)會不斷從后臺獲取數(shù)據(jù)結(jié)果，如下所示 后臺獲取數(shù)據(jù) 在 Javascript 語言中有函數(shù)庫可以直接用于獲取后臺數(shù)據(jù) —— getJSON，可以從指定的 URL 中獲取結(jié)果。 文章 V. url 用于提供 json 數(shù)據(jù)的地址頁 文章 VI. data(Optional) 用于傳送到服務器的鍵值對 文章 VII. callback(Optional) 回調(diào)函數(shù)， json 數(shù)據(jù)請求成功后的處理函數(shù) var dataLength = []。 function drawTemp() { var zero = []。 $.getJSON(39。/athome/39。, function(json) { var items = []。 ()。 $.each(json, function(key, val) { ()。 })。 }。 實際上，上面的程序只是從 /athome/ 下面獲取數(shù)據(jù)，再將數(shù)據(jù)堆到數(shù)組里面，再 把這部分放到圖形中。 Highcharts Highcharts 有以下的特點 兼容性：兼容當今所有的瀏覽器，包括 iPhone、 IE 和火狐等等； 對個人用戶完全免費； 純 JS，無 BS； 支持大部分的圖表類型：直線圖，曲線圖、區(qū)域圖、區(qū)域曲線圖、柱狀圖、餅裝圖、散布圖； 跨語言：不管是 PHP、 還是 Java 都可以使用，它只需要三個文件：一個是 Highcharts 的核心文件 ，還有 a canvas emulator for IE 和 Jquery 類庫或者 MooTools 類庫； 提示功能：鼠標移動到圖表的某一點上有提示信息； 放大功能：選中圖表部分放大，近距離觀察圖表； 易用性：無需要特殊的開發(fā)技能，只需要設置一下選項就可 以制作適合自己的圖表； 時間軸：可以精確到毫秒 。 在這里只需將需要處理的數(shù)據(jù)存儲到數(shù)組中，便可以將其渲染成為圖形，下面的溫度走勢圖便是基于 Highcharts 的結(jié)果 chart 系統(tǒng)后臺設計 數(shù)據(jù)庫設計 系統(tǒng)使用 Laravel 框架作為系統(tǒng)底層，需要配置其運行環(huán)境 12，創(chuàng)建數(shù) 據(jù)庫 13，對應于上面生成的最后的 JSON 數(shù)據(jù)，創(chuàng)建對應的數(shù)據(jù)庫 : 系統(tǒng)數(shù)據(jù)庫結(jié)構(gòu)如下所示 表名 數(shù)據(jù)類型 作用 id 整數(shù) ID temperature 浮點數(shù) 溫度 sensors1 浮點數(shù) 傳感器 1 12這里用的是 Linux+Nginx+MySQL+PHP。 13創(chuàng)建數(shù)據(jù)的代碼 :CREATE DATABASE IF NOT EXISTS bbs default charset utf8 COLLATE utf8_general_ci。 sensors2 浮點數(shù) 傳感器 2 led1 布爾型 led 狀態(tài) 對應于數(shù)據(jù)庫，其相應的 php 代碼如下所示 public function up() { Schema::create(39。athomes39。, function(Blueprint $table) { $tableincrements(39。id39。)。 $tablefloat(39。temperature39。)。 $tablefloat(39。sensors139。)。 $tablefloat(39。sensors239。)。 $tableboolean(39。led139。)。 $tabletimestamps()。 })。 } 當 POST 數(shù)據(jù)的時候，便是將數(shù)據(jù)存往數(shù)據(jù)庫，而 GET 的時候則是從數(shù)據(jù)庫中拿出 數(shù)據(jù)再渲染給瀏覽器， GET、 PUT、 DELETE、 POST 便 是對就于數(shù)據(jù)庫的 Create、 Refresh、 Update、 Delete 系統(tǒng)使用 MySQL 作為數(shù)據(jù)庫，開始的時候需要創(chuàng)建數(shù)據(jù)庫，在數(shù)據(jù)庫中執(zhí)行 CREATE DATABASE IF NOT EXISTS iot default charset utf8 COLLATE utf8_general_ci。 用于創(chuàng)建一個 athomes 數(shù)據(jù)庫，同時將 PHP 與數(shù)據(jù)庫配置好 39。mysql39。 = array( 39。driver39。 = 39。mysql39。, 39。host39。 = 39。localhost39。, 39。database39。 = 39。iot39。, 39。username39。 = 39。root39。, 39。password39。 = 39。 39。, 39。charset39。 = 39。utf839。, 39。collation39。 = 39。utf8_unicode_ci39。, 39。prefix39。 = 39。39。, ) 當用戶在前臺創(chuàng)建一個數(shù)據(jù)后，可以在 MySQL 的后臺查看 : i temperature sensors1 sensors2 led1 created_at updated_at 1 0 20211231 07:03:59 20211231 07:03:59 2 0 20211231 07:03:59 20211231 07:03:59