How to Publish an App with PWA for WP

2 years 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

Video

3 min read

YotuWP Plugin: Custom CSS

Go to Dashboard > Appearance > Customize and add this custom CSS. LIGHT MODE CSS DARK MODE CSS

Read more

Video

< 1 min read

How to Get Youtube API and Check Quotas

How to get Youtube API:Go to: https://console.cloud.google.com/apis/dashboard How to check Youtube API Quota:Go to: https://console.cloud.google.com/iam-admin/quotas

Read more

Global

2 min read

WordPress Auto-Translate Plugin and How to Disable Google Pop-ups

This plugin helps you translate your website into 104 different languages ​​in just seconds. Simply by installing and activating this plugin,

Read more

Header

< 1 min read

Header Padding: Conditional HTML

If you want to have conditional padding for your header, give your header the CSS class .mainheader and add an

Read more

See How It Works

Create better websites, faster.

Download the Entire Library

Adaptative, neutrally designed components.

Customer Service

Focus Website

Today, May 9

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.