The Design And Implementation Of Front Modules Of Mobile E-commerce System Based On HTML5

With the development of mobile Internet and the promotion of mobile payment such as WeChat payment,Alipay payment and so on,mobile e-commerce has been rapid development and frequently appear in people's daily life.Different from the traditional e-commerce,mobile e-commerce based on geographical location to provide personalized recommendations.Users can comment and share merchandise through WeChat,QQ,weibo and other social platforms.In Shanghai,a company based on WeChat,QQ and other social platforms,through the mobile mall to provide users with buy services.When users purchase of goods,the platform will create a fight group and users can invite friends to participate in the fight group.In the process of shopping,the user shares commodity information.This sales model not only improve the sales of goods and brand awareness at the same time can bring a large number of new users for the company.In order to run the project on all kinds of mobile platform,the company based on HTML5 technology developed the front part of the mobile mall.With HTML5's cross-platform features,developers do not need to develop for a variety of platforms and users do not need to download,just open a URL.Because no installation,the cost of promotion is much lower than native App.The project chooses React as the main javascript development framework which coordinate with the Node.js server can achieve the front-end consistency rendering.In order to use the latest development technology in the project,while compatible with older browsers,the project uses wehpack for project construction.This paper mainly describes the core technology of H5 development and uses these technologies to realize the front part of mobile telecom system.This paper focuses on the configuration of the webpack,code reuse of the list module,page adaptation of different screens,user platform detection,network module encapsulation,payment module implementation.