Chat App Best Practice Guide with JavaScript APIs

2 min read Michael Carroll on Apr 28, 2016
Chat real-time best practices tutorial

Waving Hand

Good News! We’ve launched an all new Chat Resource Center.

We recommend checking out our new Chat Resource Center, which includes overviews, tutorials, and design patterns for building and deploying mobile and web chat.

Take me to the Chat Resource Center →

One of the most common use-cases of PubNub is for chatting. It can be a standalone chat app, or a chat feature in a larger application or website. A good example of latter is the one seen on Twitter Periscope, where viewers can interact with the videocaster during a live video stream.

Periscope powered by PubNub

Simulated image from an screenshot from Periscope by Monterey Bay Aquarium

We work hard to make it easy for you to build your own apps, however, nothing is too easy- we get questions from many of you every day. Especially, PubNub’s support superstars, Craig, Fred, and Eric are wrangling tough questions nearly 24/7!

So I picked up the common features that used in chat apps, and wrote up a use-cases based best practice guide. It should answer your “Which PubNub API should I use to build XX feature?” questions.

The guide includes basic chat features like, “Joining a chat room”, “Displaying how many users are currently online”, to “Retrieving past messages”, also features that improve your app’s user experience, such as “Showing an indicator when someone is typing”, as well as information on how to make your users chat messages secure, for example with using AES cryptography.

Speaking of encrypted chat apps, you may have heard the recent news about WhatsApp started encrypting all messages for their 1 billion users. Now, the chat messages are protected and only accessible to the users in the chat, not exposed to outsiders.

The secure end-to-end encryption is built into the PubNub SDK, so you do not need to deal with the complexity of encrypting and decrypting the data by yourself. You can just set it by setting a single flag!

So if you are building chat apps, or apps that comes with a chat feature, read on!

Encrypted Chat App in JavaScript Best Practice Guide Doc:
Encrypted Chat App in JavaScript Best Practice Guide