PHPベースのWebサイトにプッシュ通知を実装しようとしています。目標は、Stackoverflowや他のサイトがメッセージを受け取ったときにリアルタイムでユーザーに通知するものに似たものを作ることです。
私はmysqlをデータベース、Apacheをサーバーとして使用しています。Amazon-SNSをこれらの通知のフレームワークとして使用することを検討しています。それは、そのサービスが意図されているように思われるためです。
sending.php
ページとreceiving.php
ページがプログラムでどのように設定されているかについて、文献をよく理解していません。 sending.php
ページには、あるページへの$_POST['message']
だけが含まれていると思いますが、そこからは本当に迷っています。
何かがreceiving.php
ページがプッシュ通知でどのように見えるかを理解するのに役立つ場合、私はそれを大いに感謝します。
HTML5rocksは、WebSocketがどのように機能するかについて、適切な説明 here を提供しています。
まあ、それをサポートするブラウザでWebsocketを利用できます(すべての最新のブラウザが優れたサポートを提供しているため)
これらのいくつかのリソースから始めることができます:
Nettuts +は websockets を使い始めるのに適したチュートリアルです。
Modernizr を使用して、クライアントのブラウザがWebSocketをサポートしているかどうかを検出できます。フォールバックとして、WebSocketの代わりにFlashを使用できます。
これらのプロジェクトの場合、WebSocketを使用しないか無効にしてブラウザーで実行すると、 web-socket-js が使用されます。ネイティブよりも効率は低くなりますが、レイテンシよりもはるかに低いレイテンシになります。
Flashを搭載したブラウザは、 web-socket-js shim/polyfillを使用してWebSocketをサポートできます。
参照:
実際に行った実際の実装を共有したかっただけです。 @Virendraの優れた回答のリンクを読んで、Pusherがあなたのために解決することに気付いたように、Push通知の実装には多くの困難な問題があるので、私は素晴らしいSAAS、 Pusher を使用することにしました。
私が最も感銘を受けたのは、これを機能させるために記述する必要のあるコードがどれだけ少ないかです。下記参照。私のサーバー側はPHP( Pusherには多くの言語のライブラリがあります )です。
require('/application/thirdParty/pusher-html5-realtime-Push-notifications/lib/squeeks-Pusher-PHP/lib/Pusher.php');
require('/application/thirdParty/pusher-html5-realtime-Push-notifications/config.php');
$pusher = new Pusher(APP_KEY, APP_SECRET, APP_ID);
foreach($recipients as $row){
$channel='my-channel'.$row->recipient_id;
$pusher->trigger($channel, 'notifications',
array('message' => $row->message,
'notification_id' => $row->notification_id)
);
}
これがHTML/JSです(圧倒されないでください。このコードのほとんどは、Stackoverflowなどが行うように、小さな円とリストに着信通知を入力するだけです)。
<script src="/application/thirdParty/pusher.min.js"></script>
<script>
var myID=179; // would receive notification if myID matches $row->recipient_id above;
var myChannel = pusher.subscribe('my-channel'+myID);
myChannel.bind('notifications',
function(data) {
var message=String(data.message),
url='/notifications/'+data.notification_id,
icon='<i class=\'icon-heart\'></i>',
urlText=icon+message;
var notificationRow='<li><a href='+url+'>'+urlText+'</a></li>';
$('#notificationsDropdownList').prepend(notificationRow);
if(notificationCircleCount==0){
notificationCircleCount++;
$notificationCircle.show();
$notificationCircleCount.html(notificationCircleCount);
}
else{
notificationCircleCount++;
$notificationCircleCount.html(notificationCircleCount);
}
console.log('Pusher happened'+data.message);
} //function
); //myChannel
</script>