Skip to content

Instantly share code, notes, and snippets.

@okiess

okiess/safari_website_push.html

Created November 5, 2013 21:06
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save okiess/7326320 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save okiess/7326320 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. okiess created this gist Nov 5, 2013.
    69 changes: 69 additions & 0 deletions safari_website_push.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,69 @@
    <html>
    <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>Safari Website Push</title>

    <script src="https://service.apphoshies.com/javascripts/jquery.js" type="text/javascript"></script>
    <script src="https://service.apphoshies.com/javascripts/apphoshies.js" type="text/javascript"></script>

    <!-- https://developer.apple.com/library/mac/documentation/NetworkingInternet/Conceptual/NotificationProgrammingGuideForWebsites/PushNotifications/PushNotifications.html#//apple_ref/doc/uid/TP40013225-CH3-SW7 -->

    <script type="text/javascript">
    var apiKey = "YOUR API KEY"; // Fill in your App Service Backend API KEY

    function askForPermission() {
    // Ensure that the user can receive Safari Push Notifications.
    if ('safari' in window && 'pushNotification' in window.safari) {
    var permissionData = window.safari.pushNotification.permission('web.com.your.pushid'); // The Website Push ID.
    checkRemotePermission(permissionData);
    }
    return false;
    };

    var checkRemotePermission = function (permissionData) {
    if (permissionData.permission === 'default') {
    // This is a new web service URL and its validity is unknown.
    window.safari.pushNotification.requestPermission(
    'https://service.apphoshies.com', // The web service URL.
    'web.com.your.pushid', // The Website Push ID.
    { api_key: apiKey }, // Your App Service Backend API KEY
    checkRemotePermission // The callback function.
    );
    } else if (permissionData.permission === 'denied') {
    // The user said no.
    alert("Denied!");
    } 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("Device token: " + permissionData.deviceToken);
    alert("Granted!");

    // Retrieve the universal "application_client_key" from the App Service Backend
    // The device token can't be used directly to send messages. Always use the application_client_key!
    AppHoshies.getApplicationClientKey(apiKey, permissionData.deviceToken, function(applicationClientKey) {
    console.log("Application client key: " + applicationClientKey);
    if (applicationClientKey != null) {
    // Associate the currently logged in user with the application client key
    // You can pass in any key/value pairs you need
    AppHoshies.associate(apiKey, applicationClientKey, { email: "[email protected]" }, function(status) {
    // success or failure
    console.log("Status: " + status);
    });

    // this is how the disassociation works...
    /*AppHoshies.disassociate(apiKey, applicationClientKey, function(status) {
    // success or failure
    console.log("Status: " + status);
    });*/
    } else {
    console.log("No application_client_key found!");
    }
    });
    }
    };
    </script>
    </head>
    <body>
    <a href="#" onclick="askForPermission();">Activate Website Push</a>
    </body>
    </html>