Design And Implementation Of Cross Platform Chat System

With the rapid development of mobile Internet and the popularization of 5g communication and Internet of things technology,the number of clients has grown explosively.How to quickly implement good products has become a important problem.It is a very difficult problem to improve the R&D efficiency,shorten the R&D cycle,ensure the rapid trial and error of products,and iterate new functions,so that new products can reach the users of Android,IOS,web and other terminals at the fastest speed.At the same time,in order to meet the needs of chat between users,most of the mainstream applications have integrated chat systems to support the communication between users.Chat system has become a large demand and important function.Based on this,this paper proposes a cross platform chat system solution to meet the needs of rapid development of chat applications.The solution of the cross-platform chat system proposed in this paper is developed using C/S architecture.The mobile end uses React-Native for development,the browser end uses React-Dom for development,and the server end uses Node.js for development.Chat system realizes the basic function of chat,which can be easily integrated into other projects.In the development of the chat system,the following work was mainly done:1.Design and implement a social chat system.According to the cross platform characteristics of the system,the framework design and engineering design of the project are carried out.It provides a guarantee for multi terminal compatibility.The system can run on the mobile terminal and browser terminal,and support basic chat functions,including user management function,chat list management function,contact management function,chat message management function and different types of message transmission function.2.A chat component for mobile terminal is designed and implemented.The component adopts a hybrid positioning layout to solve the problem of keyboard flashing on mobile terminal,and supports the transmission of text,voice,video,picture,expression and other messages and simple voice animation functions.3.A virtual list is designed and implemented.The list supports super long list scrolling,can run in the applications developed by react Dom and react native at the same time,and supports the display of variable height element list.