okiess/safari_website_push.html

## safari_website_push.html
<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: "your_user@domain.com" }, 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>
	<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: "your_user@domain.com" }, 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>