越來越多的專案需要用到即時訊息的推播與接收,我這裡推薦大家使用GoEasy, 它是一款第三方推送服務平台,使用它的API可以輕鬆搞定實時推送!
瀏覽器相容性:GoEasy推送 支援websocket 和polling兩種連接方式,從而可以支援IE6及其以上的所有版本,同時還支援其它瀏覽器諸如Firefox, Chrome, Safari等等。
支援不同的開發語言:GoEasy推送 提供了Restful API接口,無論你的後台程式用的是哪種語言都可以透過Restful API來實現後台即時推送。如:Java,PHP, C#, Ruby, Python, C, C++, ASP.NET,Node.js...
支援後台及前台推播: 後台用Restful API, 前台用goeasy.js; 運用十分簡單!
下面我介紹一下使用GoEasy的步驟:
1. 你需要到goeasy官網上註冊一個帳號,並創建一個應用,應用創建好後系統會默認為它生成兩個key: publish key和subscribe key
2. 前台即時訂閱及接收
只需要引入goeasy.js,然後調用goeasy的subscribe方法訂閱一個channel即可,訂閱時無論是用publish key還是subscribe key都可以。透過subscribe的參數 onMessage的回呼函數可以即時接收到訊息。
3. 前台實時推送
還是需要引入goeasy.js(如果該頁面已經引入了可不在引入),然後調用goeasy的publish方法向已訂閱的channel上推送消息即可,推送時只能用publish key。
4. 後台即時推送
呼叫GoEasy Restful API, 用post方式存取http://goeasy.io/goeasy/publish, 同時也需要帶上三個必要參數:
appkey: publish key
chan:你訂閱了的channelcontent: 推播內容 就是這麼簡單。 推播的原理:GoEasy的實作原理很簡單,就是推播訊息的一端只負責推播,而需要接收的頁面需要預先訂閱。訂閱什麼呢?訂閱channel。往 某個channel上推播訊息,客戶端就訂閱相同的channel,這樣就可以確保準確接收。透過channel我們可以自己指定哪些頁面或哪些使用者可以 接收到從這個channel推送出來的訊息。 下面我將之前寫的一個小實例貼出來,裡面用了Javascript 在web頁面進行訂閱,推送,接收,以及取消訂閱的例子,裡面的appkey用的是goeasy官方的demo 的appkey.<html> <head> <title>GoEasy Test</title> <script type="text/javascript" src="https://cdn.goeasy.io/goeasy.js"></script> <script type="text/javascript"> if(typeof GoEasy !== 'undefined'){ var goEasy = new GoEasy({ appkey: 'ba821151-e043-4dfb-a954-c73744c8d323', userId:"222", username:"22", onConnected:function(){ console.log("Connect to GoEasy success."); } , onDisconnected:function(){ console.log("Disconnect to GoEasy server."); } , onConnectFailed:function(error){ console.log("Connect to GoEasy failed, error code: "+ error.code+" Error message: "+ error.content); } }); } subscribe(); function subscribe(){ goEasy.subscribe({ channel: 'notification', onMessage: function(message){ console.log('Meessage received:'+message.content); }, onSuccess:function(){ console.log("Subscribe the Channel successfully."); }, onFailed: function(error){ console.log("Subscribe the Channel failed, error code: "+ error.code + " error message: "+ error.content); } }); } function publishMessage(){ goEasy.publish({ channel: 'notification', message: 'You received a new notification', onSuccess:function(){ console.log("Publish message success."); }, onFailed: function(error){ console.log("Publish message failed, error code: "+ error.code +" Error message: "+ error.content); } }); } function unsubscribe(){ goEasy.unsubscribe({ channel:"notification", onSuccess: function(){ console.log("Cancel Subscription successfully."); }, onFailed: function(error){ console.log("Cancel the subscrition failed, error code: "+ error.code + "error message: "+ error.content); } }); } </script> </head> <body> <input type="button" value="publish" onclick="publishMessage()"/> <input type="button" value="unsubscribe" onclick="unsubscribe()"/> <input type="button" value="subscribe" onclick="subscribe()"/> </body> </html>