基于ReactNative的物業管理系統設計

趙永鵬

摘要：本文前端使用RN技術實現跨移動平臺的應用APP分為管家版和業主版，后臺系統采用JEE的技術實現并用Nginx+Tomcat部署Web服務器，設計了物業管理公司最基本的需求，本系統可以很好的幫助物業公司對小區的移動化辦公和日常管理，助力物業服務再升級。

關鍵詞：RN（React Native）；互聯網技術；Nginx+Tomcat

中圖分類號：TP311.52 文獻標識碼：A 文章編號：1007-9416（2018）01-0165-01

目前在某個手機平臺可以使用該平臺原生語言（如Java或者Objective-C）進行移動應用開發，也可以用跨移動平臺的開源框架如React Native開發。React Native是由Facebook公司推出的開源的跨平臺移動應用開發框架，可以實現用JavaScript開發移動應用，實現了跨平臺移動應用開發，開發一套代碼就可以運行在目前比較流行的Android和iOS兩大主流移動平臺，實現了一次編碼，就可以運行在多平臺上。本系統需求背景是面對越來越多的小區，如何實現云端管理，利用互聯網技術更好的為業主服務，助力物業服務再升級。本系統主要包括以下八大板塊，選擇小區與消息窗口、管家類內容、門車卡、電商類活動、網上商城、理財、生活必備和周邊商家。

1 系統架構總體設計

前端使用RN技術實現跨移動平臺的應用APP，后端Web服務器采用springmvc+spring+hibernate集成框架的環境搭建用Java語言開發，數據庫使用MySQL，最后用Nginx+Tomcat部署Web服務器。前后端數據接口使用JSON格式封裝，網絡請求用HTTP協議進行通信[1]。物業管家業主版需求和技術架構詳見圖1所示。業主版相當于一個移動端的后臺，跟后臺功能類似我們不再做詳細介紹。

2 服務器部署（Nginx）

Nginx（engine x）是一個高性能的HTTP和反向代理服務器，也是一個IMAP/POP3/SMTP服務器[2]。Nginx的優勢：（1）高性能的HTTP Server，解決C10k的問題；（2）高性能的反向代理服務器，給網站加速；（3）作為LB集群的前端一個負載均衡器。

采用epoll I/O多路復用，ngnix有很多連接進來，epoll會把他們都監視起來，然后像撥開關一樣，誰有數據就撥向誰，然后調用相應的代碼處理，很好的處理了多并發問題。epoll可以說是I/O多路復用最新的一個實現，線程安全，不僅告訴你sock組里面數據，還會告訴你具體哪個sock有數據，你不用自己去找了，采用異步回調機制，具有異步，非阻塞優勢。所以我們選擇Nginx配置Web服務并部署在云端。

系統采用JEE的技術實現，技術實現分層架構概述如：（1）接入層：主要完成頁面展現、報表輸出，以及數據采集接口接入。（2）業務層：主要實現系統中業務組件及交互，采用memcach緩存數據，以達到提高系統性能；采用異步消息處理進行數據處理任務之間的交互與分配。（3）持久層：實現業務處理層訪問數據庫與數據持久化等操作，結合使用hibernate與jdbc，同時結合memcache緩存，以達到提高開發效率和系統性能的目的。（4）數據層：底層的RDBMS，采用開源的MySQL數據庫產品作為處理庫。

3 客戶端（APP）

3.1 基本功能介紹

（1）物業功能：支持在線繳物業費，欠費繳費，預繳費功能，綁定車卡門卡，繳停車費，手機開門，手機停車，小區通知，巴士信息，管家報告，聯系管家，服務評價等；（2）社交功能：包括小區的圈子，活動集結號，達人秀，鄰里商鋪等；（3）第三方生活服務：提供家政服務，居家維修，衣服干洗，教育營地，速遞取件，汽車養護，違章查詢，在線醫療；（4）商圈服務：小區周邊商圈，商家活動發布，商家促銷活動管理；（5）鄰居圈：功能跟微信朋友圈類似；（6）電商服務：生鮮電商，海外代購等。

3.2 項目源碼目錄結構

項目源碼目錄結構分為：android文件夾下放安卓相關代碼，ios文件夾下放ios相關代碼，images文件夾下放圖片資源，src文件夾下放JavaScript代碼，展示組件部分放到components文件夾下，容器組件部分放到container文件夾下，node_modules文件夾下放用到的官方組件庫，詳見圖1所示。并使用加固、混淆等技術來保證APP的安全[3]。

4 前后端數據（JSON）接口

我們對于前后端數據（JSON）接口制定了一系列規范，包括請求規范、返回規范、安全規范、請求狀態碼規范和其他相關規范，采用簽名校驗、訪問令牌和加密等技術保證網絡請求的安全性。通過React Native的fetch來進行數據獲取。

5 結語

本項目可以提供包括在線繳物業費，住戶認證，訪問授權，小區通知等基礎的物業服務和更方便的生活服務。投訴及時處理，人員跟蹤，險情的報警，鄰居圈的資源共享。致力于打造業主當家作主的和諧共創社區，面向全體住戶提供全新物業管理服務。同時提供基于社區場景深度定制的創新電商、鄰里社交、金融、健康養老等業主專屬服務，助力物業服務再升級。為打造社區管理的一種新理念，給業主提供多花樣的社區服務的同時，提高物業服務的品牌影響力。

參考文獻

[1]闕喜濤.React Native跨平臺移動應用開發（第二版）[M].電子工業出版社，2017.

[2]朱勇.基于React Native的移動辦公應用開發實踐[J].中國金融電腦，2017，（4）：56-60.

[3]程化梅.基于React Native的即時通訊應用的設計與實現[D].武漢郵電科學研究院，2017.