基于react?native實現智能家居監控系統技術方案

本發明專利技術涉及一種基于react?native實現智能家居監控系統，包括UI層，JavaScript層和平臺適配層；所述UI層包括用戶界面UI以及頁面邏輯；所述JavaScript層包括react?native主體框架本身，以及針對智能家居移動應用需求所封裝的JavaScript擴展模塊；所述平臺適配層用于對JavaScript擴展模塊的Native進行適配。本發明專利技術的智能家居監控系統同時適配了Android和iOS，極大的提高了開發效率和降低了維護成本。

Implementation of intelligent monitoring system based on native react Home Furnishing

The present invention relates to an intelligent monitoring system based on native react Home Furnishing, including UI layer, JavaScript layer and platform adaptation layer; the UI layer comprises a user interface and UI page logic; the JavaScript layer comprises a react native main frame itself, and according to the demand of smart home mobile application package JavaScript extensions module; the platform adapter layer for JavaScript extension module Native adapter. The intelligent home monitoring system of the invention is adapted to the Android and the iOS at the same time, greatly improving the development efficiency and reducing the maintenance cost.

【技術實現步驟摘要】
基于react-native實現智能家居監控系統
本專利技術涉及智能家居及物聯網
，特別涉及一種基于react-native實現智能家居監控系統。
技術介紹
智能家居系統是一個集硬件、軟件和通信等多種技術為一體的應用系統，其中移動終端作為用戶操作行為的接口，擁有遠程控制、監測等多種功能。通常這類控制軟件都是基于獨立的平臺完成獨立的應用開發，來滿足其控制需求。目前最主流的操作系統是Android和iOS，在開發同一款應用時，不得不有兩組人員來開發和維護兩套代碼，這無疑是一種非常耗費人力資源的解決方案。在react-native出現之前，移動軟件跨平臺的解決方案多數是采用基于web的框架，如phoneGap、html5等。但是，這類框架有一個非常重大的缺陷就是用戶體驗的問題，這類框架在iOS上的體驗還不錯，但是在Android上就非常卡頓了。如果說，用這類框架只開發iOS軟件，也就失去的跨平臺的意義了。React-native是互聯網公司Facebook開源的移終端應用開發的框架，可以使用JavaScript和React來開發Android和iOS的原生應用。但是，react-native提供的組件和API基本都是針對UI的，不能滿足智能家居監控系統的需求。我們可以通過抽象公共的功能模塊，在react-native的基礎上做原生模塊的擴展，以此來完成智能家居監控系統的開發，從而降低成本，提高開發效率。
技術實現思路
有鑒于此，本專利技術的目的在于提供一種基于react-native實現智能家居監控系統。本專利技術的目的是通過以下技術方案來實現的，一種基于react-native實現智能家居監控系統，包括UI層，JavaScript層和平臺適配層；所述UI層包括用戶界面UI以及頁面邏輯；所述JavaScript層包括react-native主體框架本身，以及針對智能家居移動應用需求所封裝的JavaScript擴展模塊；所述平臺適配層用于對JavaScript擴展模塊的Native進行適配。進一步，所述JavaScript擴展模塊包括數據緩存模塊、消息通信模塊、視頻監控模塊和設備控制模塊；所述數據緩存模塊，通過消息通信模塊與家庭網關網絡通信并解析得到環境數據、安防數據、能耗數據以及設備控制命令，環境數據、安防數據、能耗數據以及設備控制命令通過JavaScript傳遞給平臺適配層進行關聯數據庫存儲；所述消息通信模塊使用JavaScript封裝消息通信常用的操作接口，調用平臺適配層的消息通信模塊擴展的方法，與家庭網關進行網絡通信，完成設備控制命令的下發和環境數據、安防數據、能耗數據的上傳；所述視頻監控模塊使用JavaScript封裝常用的視頻監控操作接口，調用平臺適配層的視頻監控模塊擴展的方法，完成攝像頭的操作控制和參數設置；所述設備控制模塊，提取數據緩存模塊中的控制命令，并通過消息通信模塊將控制命令下發到家庭網關。進一步，所述對JavaScript擴展模塊的Native進行適配包括db緩存文件模塊擴展、消息通信模塊擴展和視頻監控模塊擴展；所述db緩存模塊擴展使用原生語言封裝數據庫常用的操作接口，并將這些接口導出，供JavaScript層相應的JS方法調用；所述消息通信模塊擴展使用原生語言封裝UDP常用的操作接口，并將這些接口導出，供JavaScript層相應的JS方法調用；所述視頻監控模塊擴展使用原生語言封裝視頻監控常用的操作接口，并將這些接口導出，供JavaScript層相應的JS方法調用。由于采用以上技術方案，本專利技術具有以下優點：UI層使用JavaScript作為開發語言，采用react-native的UI組件，能夠快速的開發UI界面以及同時適配Android和iOS；JavaScript層除了可以直接使用react-native框架本身的API，更將大部分與智能家居監控系統相關的擴展模塊進行了封裝，供UI層頁面邏輯調用，無需關注這部分代碼使用于何種平臺，只需專注業務邏輯，提高開發效率；原生適配層為JavaScript層中所需要調用原生API的方法做Native適配，使用callback函數完成與JavaScript層的數據交互。最終完成智能家居監控系統的功能需求，同時適配了Android和iOS，極大的提高了開發效率和降低了維護成本。附圖說明為了使本專利技術的目的、技術方案和優點更加清楚，下面將結合附圖對本專利技術作進一步的詳細描述，其中：圖1為本專利技術的基于react-native實現智能家居監控系統原理框圖。具體實施方式下面將結合附圖，對本專利技術的優選實施例進行詳細的描述。圖1為本專利技術的原理框圖，如圖所示，基于react-native實現智能家居監控系統，包括UI層、JavaScript層、原生適配層。所述UI層包括用戶UI界面和頁面邏輯，具體實現步驟為：步驟一、在App根組件中設置App是否登錄的狀態this.state.isLogined，根據this.state.isLogined的值判定用戶是否登錄，從而在根組件中判定渲染登錄組件或主頁面組件，并使用AsyncStorage組件異步存儲user信息；步驟二、在根組件中設置路由組件Navigator，通過route.params將參數傳遞到子組件中，子組件通過添加onPress屬性調用this.props.navigator的push或pop方法，選擇跳轉到新頁面或返回上級頁面；步驟三、在路由組件中通過initialRoute設置路由初始化組件，渲染主頁面，主頁面中根據自己的需求編寫UI界面。JavaScript層包括react-native主體框架本身，以及針對智能家居需求所封裝的幾個JavaScript擴展模塊，包括數據緩存模塊、消息通信模塊、視頻監控模塊和設備控制模塊等。所述數據緩存模塊，通過消息通信模塊與家庭網關網絡通信并解析得到環境數據、安防數據、能耗數據以及設備控制命令，環境數據、安防數據、能耗數據以及設備控制命令通過JavaScript傳遞給平臺適配層進行關聯數據庫存儲。所述數據緩存模塊是在JavaScript層通過使用JS封裝Sqlite3常用的API接口，供上層的UI界面調用，具體實現步驟為：步驟一、引入Native組件NativeModules，通過NativeModules拿到平臺適配層封裝的Sqlite原生模塊；步驟二、封裝常用的打開、關閉、增、刪、改、查等操作在sqlite.js中，供上層的UI界面調用；步驟三、在消息通信模塊中，將從家庭網關中收到的環境數據、安防數據等解析出來，再調用sqlite.js封裝好的API，將數據存入到sqlite3數據庫中，當數據庫中的數據發生改變時，再通過this.setState方法,更新UI中的環境數據、能耗數據和觸發安防報警等功能。所述消息通信模塊使用JavaScript封裝消息通信常用的操作接口，調用平臺適配層的消息通信模塊擴展的方法，與家庭網關進行網絡通信，完成設備控制命令的下發和環境數據、安防數據、能耗數據的上傳。所述消息通信模塊是在JavaScript層使用JS封裝Udp常用的API接口，供上層的UI界面調用，具體的實現步驟為：步驟一、引入Native組件NativeModules，本文檔來自技高網...

【技術保護點】
一種基于react?native實現智能家居監控系統，其特征在于：包括UI層，JavaScript層和平臺適配層；所述UI層包括用戶界面UI以及頁面邏輯；所述JavaScript層包括react?native主體框架本身，以及針對智能家居移動應用需求所封裝的JavaScript擴展模塊；所述平臺適配層用于對JavaScript擴展模塊的Native進行適配。

【技術特征摘要】
1.一種基于react-native實現智能家居監控系統，其特征在于：包括UI層，JavaScript層和平臺適配層；所述UI層包括用戶界面UI以及頁面邏輯；所述JavaScript層包括react-native主體框架本身，以及針對智能家居移動應用需求所封裝的JavaScript擴展模塊；所述平臺適配層用于對JavaScript擴展模塊的Native進行適配。2.根據權利要求1所述的基于react-native實現智能家居監控系統，其特征在于：所述JavaScript擴展模塊包括數據緩存模塊、消息通信模塊、視頻監控模塊和設備控制模塊；所述數據緩存模塊，通過消息通信模塊與家庭網關網絡通信并解析得到環境數據、安防數據、能耗數據以及設備控制命令，環境數據、安防數據、能耗數據以及設備控制命令通過JavaScript傳遞給平臺適配層進行關聯數據庫存儲；所述消息通信模塊使用JavaScript封裝消息通信常用的操作接口，調用平臺適配層的消息通信模塊擴展的方法，與家庭網關...

【專利技術屬性】
技術研發人員：付蔚，廖海波，王平，賴宜榮，杜亮，鄭方雄，
申請(專利權)人：重慶郵電大學，
類型：發明
國別省市：重慶,50