How to Publish an App with PWA for WP

9 months ago

4 min read

Posted by:

Focus

Subscribe to newsletter

By subscribing you agree to with our Privacy Policy.

Share

Note: On PWA for WP, the icon logo and splash screen are swapped. Please test the .apk before publishing. Also, use ‘Browser Bar Color’ plugin to change the color of the navigation bar, as the Elementor’s default doesn’t work.

Note 2: If the APK feature doesn’t appears, check Dashboard>Plugins and activate it manually from there.

1. Get Rid of the Browser Bar for the First Time (Tutorial From PWA for WP)

Source: https://pwa-for-wp.com/docs/article/my-apk-is-showing-top-bar/

APK Installation is fine but the address bar still appear.

Solve: Remove the URL bar Trusted Web Activities(PWA APK) require an association between the Android application and the website to be established to remove the URL bar.

This association is created via Digital Asset Links and the association must be established in both ways, linking from the app to the website and from the website to the app.

Follow the below steps to remove bar:

  1. Go APK zip make sure there is assetlinks.json [If not available regenerate again]
  2. Add the asset link on /.well-known/assetlinks.json path and serve it from your domain.
  3. Check your https:// YOUR_HOST/.well-known/assetlinks.json is exited or not exited
  4. If not available above link, then create a .well-known folder in the root and upload assetlinks.json file from zip in a .well-known folder, Make sure this link properly renders the content
  5. Now you are ready, Clear your browser and app data from mobile

For more information or verify assetlinks.json values for this Click Here.

Example

Here is an example statement list on a website: http://example.digitalassetlinks.org/.well-known/assetlinks.json

If you are still facing APK is showing top bar verification issue then follow the below instruction

  • This key we are going to verify in play console over here.

  • Sign in to your Play Store APP
  • Once we come in to the project we need to check in APP integrity

  • The copied key should be similar to the assest link
  • If the key is not similar, then we need to override this SHA 256 fingerprint in assetlinks.json file also



That’s it for this tutorial!

Hope this instruction will help you to solve the issue, if still, you are facing the issue please contact our Support team

2. Publish App on Google Play Developer

Go to: https://play.google.com/console and follow the steps. Upload an .aab file to it, no need to upload .apk.

Once sent, wait for 48 hours or less for reviewing process.

3. Get Rid the Browser Bar for the Last Time

  1. Once the app is live on the Play Store, install this app for Android: https://play.google.com/store/apps/details?id=dev.conn.assetlinkstool (Asset Links Tool)
  2. Copy the signature and replace the ones on .well-known file (CPanel)
  3. If you installed it already, clear browsing data from your Android (Chrome) and done.

Read more

Search Results

< 1 min read

Search Result Custom Order

To add this code, go to Dashboard > Appearance > Theme File Editor and add one of these codes at

Read more

Global

3 min read

Improve the Quality of the Scrolling Experience with Custom CSS Scrollbars

Hello guys! Have you ever thought about how to improve the appearance of the scrollbar on your website page? A good scrollbar

Read more

Video

< 1 min read

How to Make Play Icon on Image Overlay Smaller (Elementor Video Playlist Widget)

If you activate the image overlay, there is an option to show play icon. And the default play icon for

Read more

Global

2 min read

Disabling the Device’s Default ‘Dark Mode’ in WordPress

If you are trying to convert your WordPress website to APK / AAB, you may need to disable the device’s

Read more

See How It Works

Create better websites, faster.

Download the Entire Library

Adaptative, neutrally designed components.

Customer Service

Focus Website

Today, July 27

Hi, there 👋

How can I help you?

Start Chat with:

We use cookie to improve your experience on our site. By using our site you consent cookies.