Intro PubNub

Realtime Data Stream with PubNub

Tomomi Imura

PubNubって？

データストリーム・ネットワーク
JSON データの送受信を簡単に
ブロードキャスト (one-to-many) やユニキャスト (one-to-one) リアルタイムメッセージング
CDN 経由の信頼できるコネクティビティ
各種言語やフレームワーク対応の SDK
暗号化でデータセキュリティの向上

Data

Data Stream

SDKs

HTTP リクエスト & レスポンス

データストリーム

API Examples in JavaScript

Super Simple Chat App デモ

マークアップ


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

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

イニシアリゼーション


var channel = 'chat';

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

Publish

メッセージを送信


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

Subscribe

受け取ったメッセージを表示


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