WebSocket-Based Real-Time Single-Page Application Development Framework

  • Hao Qu
  • Kun Ma
Conference paper
Part of the Lecture Notes on Data Engineering and Communications Technologies book series (LNDECT, volume 24)


Main feature of WebSocket is to establish a persistent link between the client and the server, enabling them to perform full-duplex communication. This protocol can effectively address the communication issues within browsers. In many cases, the persistent link established by WebSocket is not fully utilized. In fact, WebSocket can also implement most of functions of the HTTP protocol, but it requires additional difficulty and workload. Besides, it lacks mature solutions and libraries. Therefore, we develop a WebSocket-based web application development framework that takes full advantage of the features and benefits of WebSocket, and combines the popular single-page application development model to allow developers to quickly develop efficient and reliable web applications based on our framework. Several experiments has been carried out and the results are presented to show the performance of the WebSocket framework.



This work was supported by the National Natural Science Foundation of China (61772231 & 61771230), the Shandong Provincial Natural Science Foundation (ZR2017MF025), the Shandong Provincial Key R&D Program of China (2018CXGC0706 & 2017CXGC0701), and the Science and Technology Program of University of Jinan (XKY1734 & XKY1828).


  1. 1.
    Ma, K., Zhang, W.: Introducing browser-based high-frequency cloud monitoring system using websocket proxy. Int. J. Grid Util. Comput. 6(1), 21–29 (2014)CrossRefGoogle Scholar
  2. 2.
    Sun, R., Ma, K., Peng, L., Jing, S.: A network utilization measurement method based on enhanced maximum traffic accumulation. J. Northeast. Univ. 31(2), 381–394 (2010)Google Scholar
  3. 3.
    Loreto, S., Saint-Andre, P., Salsano, S., Wilkins, G.: Known issues and best practices for the use of long polling and streaming in bidirectional http. Technical report (2011)Google Scholar
  4. 4.
    Rai, R.: Socket. Packt Publishing Ltd, IO Real-time Web Application Development (2013)Google Scholar
  5. 5.
    Fette, I.: The websocket protocol. Request for Comments (2011)Google Scholar
  6. 6.
    Pimentel, V., Nickerson, B.G.: Communicating and displaying real-time data with websocket. IEEE Internet Comput. 16(4), 45–53 (2012)CrossRefGoogle Scholar
  7. 7.
    Rao, S.S., Vin, H.M., Tarafdar, A.: Comparative evaluation of server-push and client-pull architectures for multimedia servers. In: Proceedings of NOSSDAV96, pp. 45–48 (1996)Google Scholar
  8. 8.
    Staff, C.: React: Facebook’s functional turn on writing javascript. Commun. ACM 59(12), 56–62 (2016)CrossRefGoogle Scholar
  9. 9.
    Gackenheimer, C.: What is react? In: Introduction to React, pp. 1–20. Springer (2015)Google Scholar
  10. 10.
    Yan, X., Bai, J.: React refresh mechanism analysis based on virtual dom diff algorithm. Comput. Knowl. Technol. (6), 76–78 (2017)Google Scholar
  11. 11.
    Banks, A., Porcello, E.: Learning React: Functional Web Development with React and Redux. O’Reilly Media, Inc., Sebastopol (2017)Google Scholar
  12. 12.
    Subraya, B., Subrahmanya, S.: Object driven performance testing of web applications. In: Proceedings of the First Asia-Pacific Conference on Quality Software, 2000, pp. 17–26. IEEE (2000)Google Scholar

Copyright information

© Springer Nature Switzerland AG 2019

Authors and Affiliations

  1. 1.School of Information Science and Engineering, University of JinanJinanChina

Personalised recommendations