Web Application Development with MEAN

Messaging

Now that we can initiate and resume a conversation, we need to be able to send messages in that conversation to the participants. We are going to focus on achieving this functionality.

The flow for sending messages is pretty simple. First, we send the desired message to the backend application, storing the message for history purposes, and we notify the recipient of a new message. Both the sender and the recipient have the message displayed on their devices.

Sending messages

Earlier, in the chat component, we used a message form component. This component will permit us to input messages and send them to the Node.js backend service. Let's keep it simple and add only the necessary functionalities. Create a new component file called public/src/message/message-form.component.ts ...