PubNub Facebook 通知
これは、PubNub を介してカスタム メッセージでユーザーに通知する Facebook のようなウィンドウ ボックスの例です。携帯電話またはブラウザでユーザーに更新を送信できます。これにより、ユーザーに通知が表示されます。任意の通知あなた。
PubNub を使用すると、WebSockets、BOSH、Comet、およびその他のメカニズムを介したデータ プッシュをアプリケーションで使用できるようになり、
MASS BROADCASTまたは
INDIVIDUAL NOTIFICATIONSを介していつでも直接ユーザーにデータを送信できるようになります。
ここから始めましょう: ライブデモ
今すぐ試す:
http://pubnub-demo.s3.amazonaws.com/facebook-notification/index.html
ソースコードをダウンロード:
https://github.com/pubnub/javascript/tree/master/examples/facebook-notification
コードを簡単にコピーして貼り付けるには、ここから始めます。開始するのは非常に簡単です。開始する前に、上記のリンク例から開始することをお勧めします。
ページの設定
通知ウィンドウのルック アンド フィールを提供するために、最初にFBootstrapリソースを含めます。これらのスタイルを HTML ファイルに追加します。
<link href=bootstrap.css rel=stylesheet>
<style type=text/css> body { padding-top: 60px; } </style>
データ接続コード
次に、PubNub データ接続をセットアップし、受信したデータをどう処理するかのルールを追加する必要があります。
<script src="https://pubnub.s3.amazonaws.com/pubnub-3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-modal/2.2.6/js/bootstrap-modal.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>(function(){
// PubNub (For Data Push to User)
var pubnub = PUBNUB.init({
subscribe_key : 'demo',
ssl : false
});
// Setup New Data Push Connectoin via PubNub
pubnub.subscribe({
restore : true,
channel : 'example-user-id-1234',
callback : show_notification
});
// Setup Alert Window
$('#new-alert').modal({ keyboard : true });
// Show the Notification Window
function show_notification(message) {
$('#new-alert').modal('show');
}
// Simulate Notification
$('#simulate-notification').bind( 'mousedown', function() {
pubnub.publish({
channel : 'example-user-id-1234',
message : 'alert'
});
return false;
} );
})();</script>
Python プッシュの例
次に、このpython
コードをDjangoまたはその他のフレームワークに追加します。message post
これをアプリのコードに追加できます。これにより、ユーザーに通知が投稿されます。この特定の例では、Facebook 通知ページ内に通知が表示されます。
pip install pubnub
Python ソース
## PubNub Setup
import pubnub from Pubnub
pubnub = Pubnub( 'demo', 'demo', None, False )
## Push Notice to 'example-user-id-1234'
info = pubnub.publish({
'channel' : 'example-user-id-1234',
'message' : { 'your-data' : 'any-data-here' }
})
print(info)