Im trying to use the new push notifications in Safari. I'm using the following snippet:
var checkRemotePermission = function (permissionData) {
if (permissionData.permission === 'default') {
// This is a new web service URL and its validity is unknown.
console.log("default");
window.safari.pushNotification.requestPermission('https://website.com/','web.com.website.notify',{uid: "TEST"},checkRemotePermission);
}
else if (permissionData.permission === 'denied') {
// The user said no.
console.log("no");
}
else if (permissionData.permission === 'granted') {
// The web service URL is a valid push provider, and the user said yes.
// permissionData.deviceToken is now available to use.
console.log("yes");
}
};
if ('safari' in window && 'pushNotification' in window.safari) {
var permissionData = window.safari.pushNotification.permission('web.com.website.notify');
checkRemotePermission(permissionData);
}else{
alert("This feature is only available on Mac OS X safari")
}
The problem is that I get no
in my javascript console, because the permission
is denied
. The thing is it never asked, nor has it ever asked before. Its not even in my safari preferences.
Why does safari return denied
without even asking?
One of the main reasons why your phone's notifications aren't working could be due to broken app updates. If your Android device is not getting notifications from one app in particular, it's possible that the developers have accidentally rolled out a buggy update.
On Android, head to Settings > Site Settings > Notifications to control your device's notifications.
In the Safari app on your Mac, choose Safari > Settings. Click Websites, then click Notifications.
Web push notifications have been existing on almost all operating systems (Windows, Linux even macOS on desktops and Android on mobiles) and almost all browsers (Chrome, Firefox, MS Edge, Safari, Opera, etc.). The only major operating system which didn't enable web push notifications was iOS.
This error can happen when testing locally because the address you are testing from isn't part of the allowedDomains
array in the site's pushPackage
. For https://zeropush.com, we added the host lvh.me
to our pushPackage
and ran the server on port 80
, while we were implementing safari push notifications. You then access your development site at lvh.me
and things should behave normally.
You should also implement the logging endpoint for your site described in the safari push notification docs so that you can get any error log information to help you in debugging.
I also wrote a post about implementing safari push notifications that is somewhat ruby centric, but may be of use. https://zeropush.com/blog/implementing-safari-push-notifications-in-osx-mavericks.
It seems that this behavior can occur when testing "locally" on your machine with a "self-signed" SSL certificate.
I was seeing this exact same behavior while attempting to get Safari Push Notifications working in a Rails 4 app locally on my machine. I was using nginx with a self-signed SSL certificate generated on the command line.
I was using javascript code very similar to yours, and I'd constantly see a "denied" output form my debug console.log
statements, yet no prompt was ever displayed to the user requesting their permission to send them push notifications.
After one such attempt, I checked Console.app on my machine. It was then that I found this little cryptic, yet seemingly related/helpful nugget of info:
SafariNotificationAgent[65893]: NSURLConnection/CFURLConnection HTTP load failed (kCFStreamErrorDomainSSL, -9812)
This, coupled with a few responses with similar guesses from the official Apple Developer Forums, leads me to believe that the self-signed SSL certificate is the culprit in this case.
I'd love to hear anyone else's ideas on a better way to go about testing Safari Push Notifications locally.
I my case helped a tip from https://stackoverflow.com/users/474779/jake-marsh.
Try to start Console application on mac (better to find it using Spotlight) and check for errors generated by Safari:
I got the same problem when testing Notifications locally!
But I found a solution: if you copy the file to your Sites folder in your home folder and access it via the included apache (e.g.: http://localhost/~username/notification.html
) it will ask you for permissions and work as expected :)
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With