移动应用跨平台开发框架研究及在社保权益中的应用

发布时间：2019-02-25 07:50

【摘要】：随着现代科学技术的迅猛发展,软硬件技术不断更新迭代,无线网络大范围覆盖,人们更加倾向于使用手机、平板等移动端设备连接入网络获取各种信息和资讯。目前市场上移动设备的平台主要有Android和IOS两个主流平台,每个平台下的不同设备屏幕大小分辨率也存在差异,一款移动端APP的开发需要将移动终端和平台的差异性考虑进去。以社保权益查询平台App为例,传统的移动端的开发思路为Android平台选择Android或者java语言进行开发,I0S平台选取0bject-C或者swift语言开发,各种开发语言在编程思想以及具体细节实现上均存在差异,目前的社保权益查询App开发多数为两个团队分别对Android端和I0S端进行开发,技术人员的投入较多,开发周期较长,而且每种平台下不同终端的屏幕分辨率的适应性往往也不够完美,所以移动应用跨平台开发框架是移动应用开发领域中迫切需要的。目前的移动移动跨平台开发框架主要分为web流、代码转换流、编译流和虚拟机流四种。React-Native作为虚拟机流中的一种跨平台方案,可以最大限度实现接近原生应用的用户体验。但由于React-Native是近几年新兴起的技术,所以存在以下问题:1)官方提供的基本跨平台组件功能上还不够完善,如Listview组件官方提供列表组件只包含基本数据列表而实际应用的列表中一般需加入滚动和下拉刷新等功能。2)由于React-Native对android的支持晚于IOS平台,所以像Datepicker组件只提供了 IOS平台实现,所以要想更大程度上跨平台性,需要将其进行此类组件的扩充。3)React-Native是单纯的移动端的框架,还需服务器端支持,传统的服务器端多采用MVC框架,系统耦合度大复杂性高。针对以上问题进行了以下工作:1)基于React-Native技术对移动应用跨平台基本的列表组件、日期选择、查询组件、九宫格及导航布局等组件进行功能扩充以及跨平台性完善。2)参考"微服务"架构采用NodeJS技术对服务器端架构重新设计,完成了反向代理服务、用户管理服务、DB访问、分页、缓存服务等功能模块。整体搭建包含基本跨平台组件、服务器端基本功能模块的全端技术框架。3)通过社保权益查询App开发实践验证本框架及其技术正确性和可行性。该应用包含游客访问,用户管理,社保新闻浏览,社保账号绑定,职工养老保险、职工医疗保险、居民养老险种、居民医疗险种、工伤险种、失业险种、生育险种的缴费历史查询,各险种的拨付历史查询,养老险种个人账户的查询等。本论文采用React-Native和Nodejs等技术进行搭建移动端可跨平台、服务器端架构优化的全端技术框架,之后通过在社保权益查询App"社保随身行"应用的开发实践中验证本技术框架的可行性和正确性。本论文主要包含移动应用跨平台开发框架的搭建和社保权益查询APP的设计实现,在经历需求分析、设计实现、系统测试,最终得到移动端可跨Android和IOS平台的全端技术框架及社保权益查询App应用,为进一步的跨平台研究提供了参考。
[Abstract]:With the rapid development of modern science and technology, the software and hardware technology is continuously updated and the wireless network is wide covered, and people are more inclined to connect the mobile terminal devices such as mobile phones and flat plates to the network to obtain various information and information. The platform of mobile equipment on the market mainly has two main platforms of Android and IOS, and there is a difference in the screen size resolution of different devices under each platform. The development of a mobile terminal APP needs to take the difference of the mobile terminal and platform into account. in that case of the social security interest query platform App, the development idea of the traditional mobile terminal is that the Android platform select the Android or the java language for development, and the I0S platform selects the 0bject-C or the shift language development, and various development languages are different in the programming idea and the specific detail implementation, The current social security interest query App development mostly develops the Android end and the I0S end by two teams, the input of the technical personnel is more, the development period is long, and the adaptability of the screen resolution of different terminals under each platform is often not perfect, Therefore, the mobile application cross-platform development framework is urgently needed in the field of mobile application development. The current mobile cross-platform development framework is mainly divided into four types: web flow, code conversion flow, compilation flow and virtual machine flow. React-Native, as a cross-platform solution in the virtual machine stream, can maximize the user experience of a native application. However, since the React-Native is a new technology in recent years, there are the following problems: 1) The basic cross-platform component provided by the official is not fully functional. as the list component of the list component of the Listview component only contains the basic data list and the list of actual applications needs to be added with the functions of scrolling and pull-down, etc. 2) Because the support of the React-Native to the android is later than the IOS platform, it only provides the implementation of the IOS platform, Therefore, to a greater degree of cross-platform, it is necessary to expand it. 3) React-Native is a simple mobile-end framework, and it also requires server-side support. The traditional server-side uses the MVC framework, and the coupling degree of the system is high. The following work is carried out for the above problems: 1) a base list component, a date selection and a query component are applied to the mobile application on the basis of the React-Native technology, The functions of the components such as the nine-palace and the navigation layout are expanded and the cross-platform is improved. 2) The reference "micro-service" architecture adopts the NodeJS technology to re-design the server-side architecture, and the functional modules such as the reverse proxy service, the user management service, the DB access, the paging, the cache service, and the like are completed. The whole building includes the basic cross-platform component and the full-end technical framework of the basic functional module of the server-side. 3) The framework and its technical correctness and feasibility are verified through the application development practice of the social security interest query App. The application includes visitor access, user management, social security news browsing, social security account binding, employee endowment insurance, employee health insurance, resident risk insurance, resident medical insurance, work-related injury insurance, unemployment insurance, payment history query of birth insurance, allocation history query of each risk species, The inquiry of the personal account of the risk insurance. This paper uses the technology of React-Native and Nodejs to set up a full-end technical framework with cross-platform and server-side architecture optimization, and then to verify the feasibility and correctness of the technical framework in the development practice of the application of the social security interest query App "carry-on line of social security". The thesis mainly includes the construction of the cross-platform development framework of the mobile application and the design and implementation of the social security interest query APP, and the application of the full-end technical framework and the social security interest query App of the mobile terminal can be obtained across the Android and the IOS platform through the experience requirement analysis, the design realization and the system test. and provides a reference for further cross-platform research.
【学位授予单位】：山东大学
【学位级别】：硕士
【学位授予年份】：2017
【分类号】：TP311.52

【相似文献】