Apple Push Notification service setup

If you want to support push notification in Safari (desktop), then you are required to register in Apple developer program.
Registration requires an Apple developer license . You need to pay a fee to sign up. For more details on registering with Apple, see Developer Account Help .

Next, go to Apple Developers Member Center and then head over to Certificates, IDs & Profiles. Then click on Identifiers in the navigation bar on your left.

Next, click on Register an App ID button and select the Website Push IDs option.
Click Continue button.

In the next screen, enter a Description (the name of your website) and an Identifier (the reverse-domain string starting with .web prefix. For example: web.com.mydomain.www or web.com.mydomain.app).
The Identifier is also known as the Website Push ID.
Click Register button.

In the next screen, click Continue button.

In the next screen, you will see a list of registered identifiers, click your Website Push ID.

In the next screen, under Production certificates section, click Create Certificate button.

Next, create a Certificate Signing Request and private key locally. Upload the CSR.csr file to finish the registration.

$ openssl req -out CSR.csr -new -newkey rsa:2048 -nodes -keyout privateKey.pem

After the registration is done, download the created certificate (website_aps_production.cer) and convert it to PEM format, so it can be uploaded to Webpushify.

$ openssl x509 -in website_aps_production.cer -inform DER -out website_aps_production.pem -outform PEM

When you create or edit a Website in Webpushify, head over to the Apns Settings section to copy and paste the contents privateKey.pem and website_aps_production.pem.
Both files are in plain text and can be opened with any text editor or using the cat command.

See below the structure of the generated files.

privateKey.pem
-----BEGIN PRIVATE KEY-----
-----END PRIVATE KEY-----
website_aps_production.pem
-----BEGIN CERTIFICATE-----
-----END CERTIFICATE-----