You can deploy a Progressive Web App (PWA) to both the Google Play Store and the Apple App Store, though the processes differ.
:
-
: With Chrome version 72 and later, you can integrate your web app content with an Android app using Trusted Web Activities (TWA). TWA allows Chrome to run a website in fullscreen mode without a browser toolbar within an APK (Android Package).
-
: To set up TWA, you'll need Android Studio, but you don't have to write Java code.
-
: Launch Android Studio and choose "Start a new Android Studio project". Then select the "Add No Activity" option to configure the project.
-
: Add code to the support library build.gradle (Project: VTNetzwelt) to instruct the project to use JitPack for the app repository.
-
: Enable Java 8, as the TWA library uses its features.
-
: Define the app name, hosting location, and default URL.
-
: Every Android app has an AndroidManifest.xml file that provides essential app information. Replace the existing package name with your application ID in this file.
-
: Add the
<activity>tag inside the<application>tag. -
: Alternatively, you can use the SuperPWA plugin to prepare your PWA for the Google Play Store. Download and install the SuperPWA Pro plugin1. Activate the "Android APK App Generator" option under ‘Features (Add-on)’. Go to Settings and click ‘Generate App’. Choose ‘First time’ if this is your first app, or the second option if updating an existing app1. Download the app bundle zip file, and extract it.
-
: Log in to the Google Play Console, go to the dashboard, and click ‘Create App’. Fill in the app details. Complete the steps from ‘Testing’ to ‘Pre-launch’. Upload the APK from the SuperPWA zip file to ‘Pre-registration’ and save it.
:
-
: Use PWABuilder.com to generate the necessary files to publish your PWA to the Apple App Store.
-
: You'll likely need a Mac OS to use Xcode to bundle and ship the software to App Store Connect.
-
: To publish an app in the App Store, you must purchase a developer license.
-
: Go to PWABuilder.com and enter your PWA's URL. Click Start to check the PWA report card, then click Next. Hover to the iOS section and click on the store package button. Fill in the Bundle ID, App name, and URL, then fill in all the details. Finally, click Generate and download your iOS app package. Open the downloaded folder and follow the instructions.
A digital asset link verifies ownership of your web content, linking it to the APK. Generate the Digital Asset Statement File using the SHA fingerprint. Create a file containing the contents from the digital asset tool, publicly accessible from your PWA’s web host at .well-known/assetlinks.json. The location of this file depends on your web app's build process, but it should reside in the deployed files, usually in public or dist.
Citations:
- https://superpwa.com/docs/article/how-to-publish-progressive-web-app-pwa-on-google-play-store/
- https://magemart.com/blog/how-to-publish-pwa-apps-on-app-stores/
- https://fireship.io/lessons/pwa-to-play-store/
- https://aureatelabs.com/blog/get-pwa-on-apple-store/
- https://dev.to/diballesteros/how-to-publish-a-pwa-to-the-ios-app-store-1874?comments_sort=latest
- https://www.vtnetzwelt.com/mobile/publishing-pwa-app-on-google-play-store/
- https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Guides/Making_PWAs_installable
- https://stackoverflow.com/questions/58689785/can-a-pwa-app-be-published-to-app-store-and-play-store
- https://www.reddit.com/r/PWA/comments/1e76ysa/pwa_on_app_store/
- https://www.gomage.com/blog/pwa-appstore/
- https://web.dev/articles/pwas-in-app-stores
- https://docs.tigrenpwa.com/user-manual/app/google/
- https://www.youtube.com/watch?v=ORtN9DhPr9k
- https://www.mobiloud.com/blog/publishing-pwa-app-store
- https://chromeos.dev/en/publish/pwa-in-play
- https://dev.to/jumpalottahigh/how-to-publish-a-pwa-on-the-google-play-store-2bid
- https://stackoverflow.com/questions/76089991/are-pwas-published-to-play-store-installable-without-any-browsers-installed-on-d
- https://forum.adalo.com/t/publishing-pwas-to-apple-store-and-google-play/42640
- https://developers.google.com/codelabs/pwa-in-play
- https://www.youtube.com/watch?v=7JDFjeMvxos
- https://vaadin.com/blog/submitting-a-pwa-to-google-play-store-using-bubblewrap
- https://dev.to/diballesteros/how-to-publish-a-pwa-to-the-ios-app-store-1874
- https://www.mobiloud.com/blog/progressive-web-apps-ios
- https://www.youtube.com/watch?v=XBStJqajO9M
- https://www.reddit.com/r/Intune/comments/14pd2a7/deploy_pwa_on_ios/
- https://www.solita.fi/blogs/apple-ends-support-for-pwas-in-eu-and-reversed-its-decision/
- https://forums.developer.apple.com/forums/thread/695560
- https://blog.pwabuilder.com/posts/publish-your-pwa-to-the-ios-app-store/
- https://discussions.apple.com/thread/255178455
- https://capacitorjs.com/docs/ios/deploying-to-app-store
- https://www.youtube.com/watch?v=LELAuNihs18
- https://www.youtube.com/watch?v=ddbHp8tGBwQ
- https://www.rittmanmead.com/blog/2024/07/tip-tuesday-how-to-publish-apex-pwa-to-the-google-play-store/
- https://itnext.io/publishing-a-progressive-web-app-pwa-on-the-playstore-what-works-and-what-doesnt-in-2021-c4cfea5a7601
0 Comments