This is because such apps use WKWebView, a web view container that currently does not support Service Workers or Web Push APIs. Apple restricts this functionality in native-wrapped apps to encourage the use of its native Apple Push Notification service (APNs) for notifications.<\/p>\n\n\n\n
We also offer an iOS app generator with just one click, making it incredibly easy to turn your PWA into an installable app-like experience on iPhones and iPads no coding required. <\/strong><\/p>\n\n\n\n This tool streamlines the process of creating a shareable, installable iOS web app that looks and feels like a native app, perfect for businesses, bloggers, and developers alike.<\/strong><\/p>\n\n\n\n For more details click on this link :<\/strong> https:\/\/superpwa.com\/docs\/article\/how-to-publish-progressive-web-app-pwa-on-ios-app-store\/<\/a><\/p>\n\n\n\n Firebase Cloud Messaging (FCM) is a reliable cross-platform messaging solution by Google that bridges Web Push and native APNs delivery. When setting up push notifications for an Apple PWA app using SuperPWA:<\/p>\n\n\n\n So, while Web Push<\/strong> works directly for PWAs installed via Safari on iOS 16.4+, using FCM becomes essential<\/strong> if you want to:<\/p>\n\n\n\n In this tutorial, we\u2019ll walk you through the exact steps to set up FCM push notifications for your Apple PWA app using SuperPWA.<\/p>\n\n\n\n Setting up push notifications for an Apple PWA using FCM involves a combination of tools from both Firebase<\/strong> and Apple Developer Services<\/strong>. Due to iOS limitations, FCM cannot directly deliver push messages to Safari. Instead, we use Apple Push Notification service (APNs)<\/strong> by generating an APNs certificate and linking it to Firebase.<\/p>\n\n\n\n That\u2019s it for this tutorial! If you need any assistance, feel free to contact our team or simply fill out the form below.<\/p>\n","protected":false},"excerpt":{"rendered":" Push notifications are one of the most powerful features of Progressive Web Apps (PWAs), enabling direct and timely engagement with users. While Android has long supported Web Push via Service Workers, Apple introduced support for Web Push in Safari on iOS and iPadOS 16.4 and later, allowing PWAs added to…<\/p>\n","protected":false},"author":2,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[17],"ht-kb-tag":[],"class_list":["post-492","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-how-to"],"_links":{"self":[{"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb\/492","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/comments?post=492"}],"version-history":[{"count":10,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb\/492\/revisions"}],"predecessor-version":[{"id":659,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb\/492\/revisions\/659"}],"wp:attachment":[{"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/media?parent=492"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=492"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"\"](\"https:\/\/superpwa.com\/docs\/wp-content\/uploads\/2025\/07\/appgen.png\")
<\/a><\/figure>\n\n\n\nWhy use FCM for iOS Push Notifications?<\/h3>\n\n\n\n
\n
\n
\n
\n
Steps to Set Up Push Notifications on Apple PWA using FCM<\/strong><\/h2>\n\n\n\n
Create and Configure Firebase Project<\/h3>\n\n\n\n
\n
<\/a><\/figure>\n\n\n\n\n
<\/a><\/figure>\n\n\n\n\n
<\/a><\/figure>\n\n\n\n\n
<\/a><\/figure>\n\n\n\n<\/a><\/figure>\n\n\n\n<\/a><\/figure>\n\n\n\nStep-by-Step: Generate APNs Certificate (.p12)<\/h2>\n\n\n\n
Create a CSR (Certificate Signing Request)<\/strong>
On Mac<\/strong>.<\/h3>\n\n\n\n\n
Navigate to Applications > Utilities > Keychain Access<\/code><\/li>\n<\/ul>\n\n\n\n\n
Keychain Access > Certificate Assistant > Request a Certificate from a Certificate Authority<\/code><\/li>\n<\/ul>\n\n\n\n\n
\n
\n
\n
.certSigningRequest<\/code> file (CSR) to your desktop.<\/li>\n<\/ul>\n\n\n\nLog in to Your Apple Developer Account(Paid)<\/h3>\n\n\n\n
\n
\n
\n
Create a New APNs Certificate<\/h3>\n\n\n\n
\n
\n
\n
\n
\n
.certSigningRequest<\/code> file generated in Step 1<\/strong><\/li>\n<\/ul>\n\n\n\n\n
aps.cer<\/code>)<\/li>\n<\/ul>\n\n\n\nConvert
.cer<\/code> to .p12<\/code><\/h3>\n\n\n\n\n
aps.cer<\/code> file to install it in Keychain Access<\/strong>.<\/li>\n<\/ul>\n\n\n\n\n
\n
\n
.p12<\/code><\/strong>.<\/li>\n<\/ul>\n\n\n\n\n
.p12<\/code> file.
(You\u2019ll be prompted to set a password \u2014 make sure to remember it.)<\/em><\/li>\n<\/ul>\n\n\n\nUpload to Firebase<\/h3>\n\n\n\n
\n
<\/a><\/figure>\n\n\n\n\n
Project Settings > Cloud Messaging<\/strong><\/li>\n<\/ul>\n\n\n\n\n
\n
.p12<\/code> file and enter the password you set during export.<\/li>\n<\/ul>\n\n\n\n<\/a><\/figure>\n\n\n\n\n
<\/a><\/figure>\n\n\n\n\n
<\/a><\/figure>\n\n\n\n<\/a><\/figure>\n\n\n\n