Android APP的推播訊息Push Notification – Parse.com

解決推播訊息無法完整顯示出來的問題

11.前面步驟8中的PushService.setDefaultPushCallback(this, MainActivity.class);這一行,會在使用者點選收到的訊息時所執行的頁面,現在我要新設一個頁面來顯示這個訊息。假設我要新增的頁面檔名是MessageActivity.class,那就請用這個檔名取代剛剛的MainActivity.class。

12.我的MessageActivity.class其實就是複製MainActivity.class的內容,然後把開啟程式畫面刪掉,並導引到另一個HTML檔(假設是message.html),請把這個檔放在MainActivity.class檔的同一個目錄下。

13.在AndroidManifest.xml檔加入一行:

<activity android:name="your.package.name.MessageActivity"></activity>

其中your.package.name請改成你自己的程式名稱。

14.下載WebIntent檔案(或是從PhoneGap的3rd Party API網頁找,WebIntent備份),把WebIntent.java複製到src/com/borismus/webintent的目錄下,把webintent.js複製到assets/www的目錄下。

15.在res/xml目錄下的config.xml檔加入一行:

<plugin name="WebIntent" value="com.borismus.webintent.WebIntent" />

16.根據步驟12,新增一個HTML檔,內容如下:

<!DOCTYPE html>
<html>
<head>
<script src="cordova-2.3.0.js"></script>
<script src="webintent.js"></script>
<script>
function init() {
	document.addEventListener("deviceready",deviceReady,false);
}
 
function deviceReady() {
	console.log("Device Ready");
 
        window.plugins.webintent.getExtra("com.parse.Data", 
            function(d) {
                          var parsed = JSON.parse(d);
                          document.getElementById("test").innerHTML=parsed.alert;
            }, function() {
               // There was no extra supplied.
            }
         );

	
}
</script>
 
</head>
<body onload="init()">
 
<h1>Your Message</h1>
 
<div id="test"></div>
 
</body>
</html>

參考網站:
http://www.raymondcamden.com/index.cfm/2012/5/1/Example-of-Intents-with-PhoneGap
http://www.raymondcamden.com/index.cfm/2012/10/10/PhoneGap-Parsecom-and-Push-Notifications
http://rjb.soc.port.ac.uk/talks/js/json/

17.到parse.com的網站,發送訊息即可。

18.以簡易方式發送出來的推播訊息和以以JSON格式發送出來的推播訊息{“alert”: “your message”}相同,上面的程式碼是抓出alert這個欄位的訊息。如果你以JSON格式發送其他欄位的訊息(例如:{ “alert”: “your message”, “add1”: “test.txt” }),可以將步驟16的程式碼第17行:
document.getElementById(“test”).innerHTML=parsed.alert;
擴充
document.getElementById(“test1”).innerHTML=parsed.add1;
然後在第32行的地方增加id=test1的div標籤。

19.把文字塞到網頁裡面的Javascript語法時常用到,這個網站(Wibibi網頁設計教學百科)的範例很詳細,留個筆記。

大功告成!!!

主要參考說明的網站:http://www.raymondcamden.com/index.cfm/2012/10/10/PhoneGap-Parsecom-and-Push-Notifications

在〈Android APP的推播訊息Push Notification – Parse.com〉中有 6 則留言

  1. Craig

    我目前在APP有執行時可以順利收到Push Message,但是一旦APP關閉後就再也收不到了。我也有照版主所指導的新增一個MainApplication,並且照著版主的介紹去做,仍然無法得到訊息。麻煩您指導,謝謝!

    回覆

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料