UWP with PWA implementation

Question

We are going to implement solution with UWP PWA.

following are the query :

1. what is the way to implement UWP PWA
2. If we are implementing PWA (Chromium based) only, then how to invoke to install from code (instead of browser), to make it part of our MSI

Please if you can give us some pointer, will be great.

Answer 1

Hi,

Welcome to Microsoft Q&A!

In Visual Studio 2019, all templates (.jsproj) used to build UWP applications using Javascript have been removed, so you cannot use Visual Studio 2019 to implement your requirement. If you still want to build your UWP application through PWA, you need to use Visual Studio 2017.

If you have created a PWA app that included Service Worker successfully. Please refer to the following steps to create a uwp app based on your PWA app.

1. Open VS2017 and create a new Progressive Web App project.
2. Observe the directory structure of the new project, open package.appxmanifest -> select Applicaion ->Start page.( If your page is online, enter your web page URL directly here, click run and it will work.) You can also modify the Display name and Description as you like.
3. In the manifest designer Visual Assets panel, click on the Source field ... button, select your source file, and click Generate. (Then click OK to overrite the default placeholder images).
4. In the manifest designer Content URIs panel, replace http://example.com with the location of your PWA (such that Rule = include and WinRT Access = All).
5. If your app needs programmatic access to user resources like pictures or music, or to devices like a camera or a microphone, you'll need to include the corresponding App capability declarations in your app package manifest file.
6. In order to distribute and promote an app through the Microsoft Store, you'll need to submit it as a Windows app package (.appx file).

---

If the response is helpful, please click "Accept Answer" and upvote it.

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.