Build

The PubNub Publish/Subscribe JavaScript API Tutorial

2 min readJoe Hanson on Apr 3, 2015
Try PubNub Today

Free up to 1MM monthly messages. No credit card required.

Subscribe to our newsletter

By submitting this form, you are agreeing to our Terms and Conditions and Privacy Policy.

This full tutorial walks you through implementing the PubNub Publish/Subscribe JavaScript API to power real-time bidirectional messaging and data transfer.

pubnub javascript pub/sub api tutorialWe’ve built hundreds of tutorials using our PubNub JavaScript API, from simple chat applications, to data visualizations, to multiplayer games. The API at its core is a powerful way to stream data bidirectionally in real time between any number of connected devices.

Using the publish/subscribe design pattern, devices subscribe to a channel, and can receive data on that channel from a publisher. When it comes to a publish/subscribe JavaScript API, the use cases really are endless!

To get you started, we have a couple quick and dirty tutorials to get you sending and receiving messages via PubNub, but we wanted to do a more in-depth, comprehensive tutorial for those who wanted more. So we had two of our support gurus, Craig and Fred, host the first ever PubNub webinar.

Publish/Subscribe JavaScript Tutorial Overview

In the webinar tutorial, we go step-by-step through getting started with the PubNub JavaScript API, from signing up for a PubNub account all the way to building a simple real-time chat application. Our chat application will also implement the presence API for online user detection, and the history API to store and retrieve old chat messages.

Key topics covered will include:

  • Getting started with PubNub
  • Integrating the latest version of the SDK
  • Accessing the API
  • Initialization/subscribing to data channels
  • Publishing messages and log all sent messages over that channel
  • Presence/State detection (knowing when users enter/leave your app)
  • History (storing real-time data for future retrieval and playback)

Good news is, you didn’t have to be there live, because we recorded the whole thing!

Additional JavaScript API Resources and Tutorials

More from PubNub

Can Empathy Exist in the Metaverse
News May 16, 20221 min read

Can Empathy Exist in the Metaverse

A roundtable discussion led by PubNub’s COO, Casey Clegg, exploring the topics of what it means to be human in a virtual world.

PubNub Staff

PubNub Staff

How to Advance Telehealth and Virtual Care Technologies
News May 2, 20221 min read

How to Advance Telehealth and Virtual Care Technologies

Dr. Joe Kvedar, Chair of the Board for the American Telemedicine Association, joins our COO, Casey Clegg, to discuss why...

PubNub Staff

PubNub Staff

Another Step Towards Data Security: ISO-27001 Implementation
BuildMay 2, 20221 min read

Another Step Towards Data Security: ISO-27001 Implementation

Today, we are glad to announce that we are currently in the process of implementing ISO-27001 security standards.

PubNub Staff

PubNub Staff