The Research And Implementation Of Cross Platform Of Open API Devices Based On HTML5

With the development of mobile Internet and Internet of Things(IOT)technology,the combination of mobile application and intelligent hardware has provided convenience for people in the necessities of life,Internet of Everything(IoE),all things are connected together,and the combination of equipment,technology and service has become the development trend of information technology age.However,the current service providers of intelligent device are conservative and lack of shared awareness,different brands of equipment are also lack of connectivity.At the same time,the mobile terminals update fast and have different operating systems.The developers need to develop different programs according to different systems,different platforms,different development languages for the same function,which greatly increases the cost of development and maintenance.Therefore,opening intelligent devices and developing cross platform applications are urgently needed to resolve.Based on the analysis and research of the existing open API equipments and crossplatform applications,together with open API OAuth2.0 protocol and HTML5 crossplatform related technologies,we design and implement a cross platform Web App which integrate open API intelligent devices,analyze user behavior data and provide personalized suggestions.First,according to the overall scheme of the system,we select the open API devices of the fitbit smart bracelet and withings intelligent scales as access equipments and put forward functional and non-functional requirements,which based on the feasibility in the market,users,technology and other angles.In addition,we design a scheme of the backend server and terminal treatment,which based on the overall system framework.Second,this thesis gives a detailed design of the modules,such as equipment authorization management,data receiving,data storage,data exchange,terminal display,equipment management,scene management and target suggestion.Using OAuth2.0 protocol and access token mechanism to achieve that the service providers of intelligent device verify the legitimacy of the system and deal with user authorization.Using the dual database coexistence mode with Mysql and Redis to reduce I/O request,and transfering the states on the presentation layer from server to the different mobile device clients,which based on the RESTful API interface.Finally,achieving the Web App system,which is similar to native applications on the device display and interaction based on HTML related technology,MUI framework,response design.Providing personalized guidance recommendations for users,which based on intelligent equipment data and calorie intaking consumption calculation model.We building the front-end automation workflow to achieve automatic detection code style,real-time page refresh,automatic compression of JS / CSS / image,which greatly improve development efficiency in the development and implementation.Testing the system in compatibility,function,performance after the system implemented,then optimizing the system with the Page Speed Insights’ optimization proposal and the local storage caching mechanism,and finally realizing the cross platform system,which has research significance and practical value in integrating open API intelligent device,analyzing user behavior data and providing personalized suggestions.