Deep technical users develop a Web hosting Win10 application official graphic tutorial

In a recent blog post, Microsoft explained how to quickly build a Web hosting Win10 application through Windows App Studio, which can run on Win10 Mobile/at the same time. In a PC device. Windows App Studio is an online service launched by Microsoft for users who do not have relevant programming experience. It can package web applications to the app store with a simple operation.

Windows App Studio works with all web applications, all through browsers, applying the provided application templates, then adding data and services to customize application theme options to suit your needs. You can eventually export the Visual Studio project files or directly build the installation package to the app store.

Microsoft says it only takes a small amount of time, or even three minutes. The steps are summarized as follows:

• Create a project;

• Name the project :

• Fill in the URL address;

• generate and publish;

is as follows:

1, create project

Click here to go to the Windows App Studio Create Project page and you will need to log in with your Microsoft account. On this page you will see the Hosted Web App option, as shown below:

Click Hosted Web App, then a popup window will pop up, enter the name of the app here, then click “Start with This one!”, will show a preview on different devices on the right side.

2, configuration application

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

You can also upload a custom application manifest file, Manifest, which is a JSON data file that contains 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 side. 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:

Click on the icon below the App logo title to upload your own application logo. After uploading, it will automatically generate the required differences. Size icon.

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.

3. Build the application

After configuring the application, click the “Finish” button in the upper right corner, and then you will enter the application preview page to preview the different devices. 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”

It's that simple, no need to edit the code at all. Students who have a web application project in hand can try it out.