离子推送通知应用程序
Posted
技术标签:
【中文标题】离子推送通知应用程序【英文标题】：Ionic push notification Application 【发布时间】：2016-06-11 07:54:09 【问题描述】：我正在从事 ionic 项目，我必须在其中实施推送通知 但实际上我不知道该怎么做 我的应用程序将再次用于企业环境 那么该怎么办 。 请建议。
【问题讨论】：
devdactic.com/ionic-push-notifications 这是 guid，此链接是 ionic pushnotification 的演示 ngcordova.com/docs/plugins/pushNotifications 【参考方案1】：Hello Rigel, Then first of all you have to install FOUR Plugins for that. 1)cordova plugin add https://github.com/phonegap-build/PushPlugin // For notification 2)cordova plugin add cordova-plugin-device // For on Device Ready to call 3)cordova plugin add cordova-plugin-dialogs // For notification Dialog 4)cordova plugin add cordova-plugin-media // For Notification Sound
并生成 API 密钥和 SenderId 将开发人员控制台和 senderid 扔到下面的代码中。并且 e.regid 传递到服务器上。
<script type="text/javascript" src="PushNotification.js"></script>
<script type="text/javascript">
var pushNotification;
function onDeviceReady()
$("#app-status-ul").append('<li>deviceready event received</li>');
document.addEventListener("backbutton", function(e)
$("#app-status-ul").append('<li>backbutton event received</li>');
if( $("#home").length > 0)
// call this to get a new token each time. don't call it to reuse existing token.
//pushNotification.unregister(successHandler, errorHandler);
e.preventDefault();
navigator.app.exitApp();
else
navigator.app.backHistory();
, false);
try
pushNotification = window.plugins.pushNotification;
$("#app-status-ul").append('<li>registering ' + device.platform + '</li>');
if (device.platform == 'android' || device.platform == 'Android' ||
device.platform == 'amazon-fireos' )
pushNotification.register(successHandler, errorHandler, "senderID":"661780372179","ecb":"onNotification"); // required!
else
pushNotification.register(tokenHandler, errorHandler, "badge":"true","sound":"true","alert":"true","ecb":"onNotificationAPN"); // required!
catch(err)
txt="There was an error on this page.\n\n";
txt+="Error description: " + err.message + "\n\n";
alert(txt);
// handle APNS notifications for ios
function onNotificationAPN(e)
if (e.alert)
$("#app-status-ul").append('<li>push-notification: ' + e.alert + '</li>');
// showing an alert also requires the org.apache.cordova.dialogs plugin
navigator.notification.alert(e.alert);
if (e.sound)
// playing a sound also requires the org.apache.cordova.media plugin
var snd = new Media(e.sound);
snd.play();
if (e.badge)
pushNotification.setApplicationIconBadgeNumber(successHandler, e.badge);
// handle GCM notifications for Android
function onNotification(e)
$("#app-status-ul").append('<li>EVENT -> RECEIVED:' + e.event + '</li>');
switch( e.event )
case 'registered':
if ( e.regid.length > 0 )
$("#app-status-ul").append('<li>REGISTERED -> REGID:' + e.regid + "</li>");
// Your GCM push server needs to know the regID before it can push to this device
// here is where you might want to send it the regID for later use.
console.log("regID = " + e.regid);
break;
case 'message':
// if this flag is set, this notification happened while we were in the foreground.
// you might want to play a sound to get the user's attention, throw up a dialog, etc.
if (e.foreground)
$("#app-status-ul").append('<li>--INLINE NOTIFICATION--' + '</li>');
// on Android soundname is outside the payload.
// On Amazon FireOS all custom attributes are contained within payload
var soundfile = e.soundname || e.payload.sound;
// if the notification contains a soundname, play it.
// playing a sound also requires the org.apache.cordova.media plugin
var my_media = new Media("/android_asset/www/"+ soundfile);
my_media.play();
else
// otherwise we were launched because the user touched a notification in the notification tray.
if (e.coldstart)
$("#app-status-ul").append('<li>--COLDSTART NOTIFICATION--' + '</li>');
else
$("#app-status-ul").append('<li>--BACKGROUND NOTIFICATION--' + '</li>');
$("#app-status-ul").append('<li>MESSAGE -> MSG: ' + e.payload.message + '</li>');
//android only
$("#app-status-ul").append('<li>MESSAGE -> MSGCNT: ' + e.payload.msgcnt + '</li>');
//amazon-fireos only
$("#app-status-ul").append('<li>MESSAGE -> TIMESTAMP: ' + e.payload.timeStamp + '</li>');
break;
case 'error':
$("#app-status-ul").append('<li>ERROR -> MSG:' + e.msg + '</li>');
break;
default:
$("#app-status-ul").append('<li>EVENT -> Unknown, an event was received and we do not know what it is</li>');
break;
function tokenHandler (result)
$("#app-status-ul").append('<li>token: '+ result +'</li>');
// Your iOS push server needs to know the token before it can push to this device
// here is where you might want to send it the token for later use.
function successHandler (result)
$("#app-status-ul").append('<li>success:'+ result +'</li>');
function errorHandler (error)
$("#app-status-ul").append('<li>error:'+ error +'</li>');
document.addEventListener('deviceready', onDeviceReady, true);
</script>
<div id="home">
<div id="app-status-div">
<ul id="app-status-ul">
<li>Cordova PushNotification Plugin Demo</li>
</ul>
</div>
</div>
【讨论】：
我如何存储所有注册的令牌 我正在使用安卓 Android 和 iOS 都支持这个插件。并且您不想存储已注册的令牌。这个注册的令牌你必须使用 AJAx 发布到你的数据库中。【参考方案2】：如何在服务器上发布您的注册令牌（e.regid）如下。 重要的是注意您的 e.regid，它被称为 GCM ID。
if ( e.regid.length > 0 )
var userId = localStorage.getItem('userId');
$.ajax(
type: "POST",
url: '' + globURL + 'addgcm.php?user_id='+userId+'&gcm_id='+e.regid+'',
cache: false,
success: function(result)
);
// alert(regid);
$("#app-status-ul").append('<li>REGISTERED -> REGID:' + e.regid + "</li>");
// Your GCM push server needs to know the regID before it can push to this device
// here is where you might want to send it the regID for later use.
console.log("regID = " + e.regid);
【讨论】：
以上是关于离子推送通知应用程序的主要内容，如果未能解决你的问题，请参考以下文章