Ways to package web applications to the Win10 system app store

In today's win10 system usage tutorial, we will share the Windows App Studio released by Microsoft in the future. What is the role of Windows App Studio? Maybe for most win10 system users, Windows App Studio is not useful, but If you are a web application developer, you will definitely be interested, because with Windows App Studio you can package the web application and publish it to Win10's app store. The packaged app can run on both PC and mobile platforms, and This can be done without programming experience. Here's how to package and publish web applications to the Win10 app store.



Windows App Studio
The specific steps are as follows:
1, create a project
Enter Windows App Studio to create a project page, you need to log in with a Microsoft account. On this page you will see the Hosted Web App option, as shown below:

Windows App Studio
Click Hosted Web App, then a popup window will pop up, enter the name of the app here, then click &ldquo ;Start with this one!", a preview on different devices is displayed on the right side.

2. Configure the application
After creating the project, you will enter the application content editing page. Here you only need to fill in the address of your web application.

Windows App Studio
Here you can also upload a custom application manifest file, Manifest, which is a JSON data file containing configuration such as application startup parameters. You can also define additional URI rules as well as device screen rotation properties, etc., but these are optional.
The preview of the app will appear in the device preview screen on the right. Sometimes the content is not displayed here. It is likely that the page does not support iframe embedding, but generally there will be no problem.
After filling in the URL, you need to change a logo for the app. Click on Logo in the navigation bar, as shown below:

Windows App Studio
Then click on the icon below the App logo title to upload your own application logo, which will be automatically generated after uploading. Different size icons are required.
After clicking Settings, edit some information related to the app store, including application description, language and other information. Once you're done, click “Save”Save.




































Finally, just click the “Generate” generate button, then select the build type in the pop-up window (the default is Visual Studio solution), and finally click “Generate”

Windows App Studio
The above is the step of packaging and publishing web applications to the Win10 app store. As long as you have your own web application, you don't need to re-encode. Use the above method to directly generate Win10 app store applications, saving you a lot of time.