Publishing PWA to Microsoft Store

27 Jul 2020 by Kolappan N

As you might have noticed, this blog is a PWA. Since, it is now possible to publish PWAs into Windows Store I thought why not publish my blog. It is not super useful to anyone but hey, it is a PWA and why not try it. It went well and the app is now in the Windows Store. Here are the steps I followed to publish my PWA.

Reserve an app name

First you will need a PWA website and a Microsoft Developer Account. Once you have them, the first job is to create an app in the Microsoft Partner Centre website.

Build your PWA

Our next job is to package the PWA into an .appx file. This can be easily done using the PWA builder. PWABuilder is a Microsoft funded open source project which provides options to pack your PWA for various app stores, add features to your PWA, etc…

Before we continue, you need to ensure two things in your website’s manifest.

  1. Ensure that the app name you reserve and the short_name in your site’s manifest file are the same.
  2. Have a 44x44, 50x50, and 150x150 icon for your manifest. Otherwise, the PWA builder will not use your website’s icon. This is due to a issue and is expected to be fixed in near future.

Here are the steps to package your PWA for Windows Store.

Uploading to Microsoft Store

MS Store badge

Tags: PWA Web-Technologies Windows View Blog Archive