Intro PubNub

Realtime Data Stream with PubNub

Tomomi Imura

What We Do

Provide data stream network
Allow you to send and receive JSON data　easily
Broadcast (one-to-many) and Unicast (one-to-one) realtime messages
Provide reliable connectivity via CDN globally
Support SDK for multiple languages and frameworks
Protects security with encryption
Helps you to create cool stuff

Data

Data Stream

SDKs

HTTP Request & Response

Data Stream

JavaScript Examples

Super Simple Chat App

Include PubNub CDN


<script src="//cdn.pubnub.com/pubnub.min.js"></script>

<input id="input" placeholder="enter your message">
<p>Chat Output:</p>
<section id="output"></section>

Initialize


var pubnub = PUBNUB.init({
  subscribe_key: 'sub-c-f762fb78-2724-11e4-a4df-.........',
  publish_key: 'pub-c-156a6d5f-22bd-4a13-848d-.........'
});

Subscribe

Receiving messages and display


var channel = 'chat';

pubnub.subscribe({
    channel  : channel,
    callback : function(m) { 
      output.innerHTML = m.text.replace( /[<>]/ig, '' )  + '
' + output.innerHTML; 
    }
});

Publish

Sending a message


input.addEventListener('keyup', function(e) {
    (e.keyCode || e.charCode) === 13 && 
      pubnub.publish({
        channel : channel, 
        message : input.value
      })
}, false);