- FUNCTIONALITY<\/li>
- ARCHITECTURE SYSTEM<\/li>
- WHATSAPP FRONT END<\/li>
- WHATSAPP BACK END<\/li><\/ul>\n\n\n\n
In the next post we are going to see what its architecture is like and how an instant messaging service like WhatsApp works at a technical level.<\/p>\n\n\n\n
The two most popular types of chats are Facebook Messenger<\/a> , which is responsible for saving all messages indefinitely, and the other is WhatsApp , which stores them until they are delivered. Once read and delivered by the target user, they are removed from the server and disappear.<\/p>\n\n\n\n
Functionality<\/h2>\n\n\n\n
The advantage of a system like WhatsApp is that the communication and transmission of information is practically in\u00a0real time<\/strong>.<\/p>\n\n\n\n
For this reason, when it comes to implementing and discovering the technical scenario of the architecture of an instant messaging system. We must think that it must include a series of functionalities so that it is minimally optimal, like the many of WhatsApp:<\/p>\n\n\n\n
- One-to-one chats<\/li>
- Sending messages offline<\/li>
- The groups<\/li>
- Must allow up to 256 participants to participate<\/li>
- Video chats and group video chats<\/li>
- voice messages<\/li>
- It must be able to share image, video and voice. By the way, the videos cannot weigh more than 16 MG, or have a duration between 90 seconds and 3 minutes.<\/li>
- It must indicate if the messages are read or the last viewing time by the user<\/li>
- The sent, delivered, plus read receipt option<\/li>
- Submitted files are limited to 100 MB<\/li>
- It has to be able to support the playback of Youtube videos, audio and video MP4, 3GP, MKV, AVI and MOV<\/li>
- Reply to private messages<\/li>
- Ability to copy, save or archive messages<\/li>
- You can block messages<\/li>
- Take photos and record conversations, share locations and access to the contact list.<\/li>
- Link to other devices<\/li>
- Configure the information, security and privacy of the user<\/li><\/ul>\n\n\n\n
Architecture System<\/h2>\n\n\n\n
![\"Architecture](\"https:\/\/proarchconsulting.com\/blog\/wp-content\/uploads\/2022\/07\/Architecture-System.jpg\")
Source:Medium.com<\/a><\/strong><\/figcaption><\/figure>\n\n\n\n ![\"Architecture](\"https:\/\/proarchconsulting.com\/blog\/wp-content\/uploads\/2022\/07\/Architecture-System-1.jpg\")
Source:Medium.com<\/a><\/strong><\/figcaption><\/figure>\n\n\n\n Profile Database<\/h3>\n\n\n\n
First, user information such as status, profile picture, profile ID, and contact details must be collected and saved.<\/p>\n\n\n\n
It is essential to save in the cloud (for example in a similar service or like the one offered by Amazon’s S3 ) the images of the users, each one of them with their links.<\/p>\n\n\n\n
Profile Service (API)<\/h3>\n\n\n\n
It is allowed to publish, add, update or even retrieve the information of each user. <\/p>\n\n\n\n
The advantage of a system like WhatsApp is that the communication and transmission of information is practically in real time . For this reason, when it comes to implementing and discovering the technical scenario of the architecture of an instant messaging system, we must think that it must include a series of functionalities so that it is minimally optimal.<\/p><\/blockquote><\/figure>\n\n\n\n
ChatServer<\/h2>\n\n\n\n
<\/p>\n\n\n\n
Mapping Database<\/h3>\n\n\n\n
It is also important to have a clear communication architecture . Users A and B use bidirectional communication to communicate over the network, so you need to know each other’s IP address.<\/p>\n\n\n\n
This process ends with a server, users, load balancing (which distributes traffic between multiple servers and avoids network saturation), and the database.<\/p>\n\n\n\n
![\"ChatServer1.jpg\"](\"https:\/\/proarchconsulting.com\/blog\/wp-content\/uploads\/2022\/07\/ChatServer1.jpg\")
<\/figure>\n\n\n\n- It is convenient to replace the HTTP protocol, where when each user sends a request or signal to the server and a response is received, closes the connection, with the WebSocket protocol , which, although it is a bit more complicated, is a server that works very well for applications in real time and that will always maintain a continuous connection between active users.<\/li><\/ul>\n\n\n\n
![\"ChatServer2.jpg\"](\"https:\/\/proarchconsulting.com\/blog\/wp-content\/uploads\/2022\/07\/ChatServer2.jpg\")
<\/figure>\n\n\n\nUp to 65K ports <\/strong>will be open during the process . The socket controller will provide information about the web sockets that are connected to each user. Redis is used because it stores and is able to provide both which web socket controller a user is connected to, and whether to connect to another controller on disconnection.<\/p>\n\n\n\n
Messenger Service.<\/strong> The API will obtain a repository of all message information through various filters such as user identification, message identification, delivery status, etc. For example, the open source big data solution Cassandra developed by Facebook can be integrated, which is capable of storing large amounts of information.<\/p>\n\n\n\n
From here, several scenarios can happen and develop:<\/h3>\n\n\n\n
- The user A or sender who sends the info is connected to the server, but the recipient (user B) is not <\/strong>; in this case the message is stored in the database and when the recipient connects, that message is sent again.<\/li>
- That the sender (A) is not connected to the server<\/strong> ; then that message is stored (for example in a database like SQLite), and when it connects, that’s when it’s going to be sent to the server.<\/li>
- However, if both are connected (A and B). The message is not stored, but sent, it will travel through the pass-through server without staying there.<\/li><\/ul>\n\n\n\n
Data mapping:<\/strong> Every time a user sends a message, a new process is generated in which the information is stored. The chat server will spawn a new process for user A and with user B if he is online. The server identifies the receiver’s name through the PID (Process ID) and is immediately sent. The same process is repeated in reverse, when user B is going to reply to user A.<\/p>\n\n\n\n
![\"WhatsApp](\"https:\/\/proarchconsulting.com\/blog\/wp-content\/uploads\/2022\/07\/Data-mapping.jpg\")
<\/figure>\n\n\n\nGroup chat service How does it work?<\/h3>\n\n\n\n
- Unlike one-to-one chats, keep in mind that for each group that is created in WhatsApp<\/a>, a\u00a0new GroupID<\/strong>\u00a0will be generated , with an assignment of all the users that are included.\u00a0When a message is sent to the group. The chat service identifies the recipient, which in this case will pass to the group service to locate the same group ID and who sent messages to all the user IDs in the list.<\/li>
- In this case the web socket servers are not going to keep track of the group, but of the active users of the group.\u00a0So when someone launches and sends a message to the group. The server contacts the message service and these will be stored in Cassandra.\u00a0They are then saved to Kafka (which is a data transmitter), which will connect to the group message server and send them all.\u00a0The server will connect to the group service, locate the list of group members, and deliver the message to each member individually.<\/li>
- The group service has control over all the information of the group, each one of the members, the user ID, group ID, until the time of creation, etc.\u00a0data to be saved and stored in a MySQL database.<\/li><\/ul>\n\n\n\n
Last seen messages<\/h3>\n\n\n\n
The service offered by instant messaging and that allows you to check the “last seen” option uses a specific database that stores this information.<\/p><\/blockquote><\/figure>\n\n\n\n
Technically every time a user opens WhatsApp, the server contacts this option to send the time details.<\/p>\n\n\n\n
![\"Data](\"https:\/\/proarchconsulting.com\/blog\/wp-content\/uploads\/2022\/07\/Data-mapping-1.jpg\")
<\/figure>\n\n\n\nMessages with files or multimedia<\/h3>\n\n\n\n
- Once the instant messaging service detects the type of file that has been sent. It is stored in the cloud (like the S3 we talked about earlier).\u00a0The links are going to go to a SQL database with mapping to user details.\u00a0In this case, HTTP can be used to transfer the messages.<\/li>
- The images, files or video that have been sent will be compressed and encrypted, and this encrypted content will reach the receiver.<\/li><\/ul>\n\n\n\n
WhatsApp front end<\/strong><\/h3>\n\n\n\n
Each of the versions of WhatsApp is made with a different language:<\/p>\n\n\n\n
Android version:<\/strong> with Java
iOS:<\/strong> with Swift
Windows Phone:<\/strong> C#
The web version:<\/strong> with JavaScript\/HTML\/CSS
The Mac desktop version:<\/strong> Swift\/Objective-C
The PC desktop version:<\/strong> C\/C#\/Java<\/p>\n\n\n\n<\/a>WhatsApp back end<\/h3>\n\n\n\n
- That the sender (A) is not connected to the server<\/strong> ; then that message is stored (for example in a database like SQLite), and when it connects, that’s when it’s going to be sent to the server.<\/li>
- The user A or sender who sends the info is connected to the server, but the recipient (user B) is not <\/strong>; in this case the message is stored in the database and when the recipient connects, that message is sent again.<\/li>
- It is convenient to replace the HTTP protocol, where when each user sends a request or signal to the server and a response is received, closes the connection, with the WebSocket protocol , which, although it is a bit more complicated, is a server that works very well for applications in real time and that will always maintain a continuous connection between active users.<\/li><\/ul>\n\n\n\n