把Web应用打包发布到Win10系统应用商店的方法

  在今天的win10系统使用教程中,我们将来分享一下微软日前发布的Windows App Studio,Windows App Studio有什么作用呢?可能对大多数的win10系统用户来说,Windows App Studio并没有什么用,但是,如果您的web应用的开发者,那肯定会感兴趣的,因为使用Windows App Studio可以把Web应用打包后发布到Win10的应用商店上,打包后的应用可以同时在PC和手机平台上运行,而且不需要编程的经验就能完成这个操作。下面就来介绍一下如何把Web应用打包发布到Win10应用商店上。



  Windows App Studio

  具体步骤如下:

  1、创建工程

  进入Windows App Studio创建工程页面,需要使用微软账户登录。在该页面你会看到Hosted Web App选项,如下图所示:



  Windows App Studio

  点击Hosted Web App,之后会弹出弹窗,在这里输入应用的名称,然后点击“Start with this one!”,在右侧会显示在不同设备中的预览。



  2、配置应用

  创建项目之后会进入应用内容编辑页面,在这里你只需要填写你的Web应用的地址即可。



  Windows App Studio

  在这里你还可以上传一个自定义的应用清单文件Manifest,这是一个JSON数据文档,里面包含了应用启动参数之类的配置。你还可以定义额外的URI规则以及设备屏幕旋转属性等,但这些都是可选的。

  在右侧的设备预览画面中会出现应用的预览效果,有时候这里不显示内容,这很可能是页面不支持iframe嵌入,不过一般来说都不会有问题。

  填写好URL地址后,你需要为应用更换一个Logo。点击导航栏中的Logo,如下图所示:



  Windows App Studio

  然后点击App logo标题下方的图标,就可以上传自己准备好的应用Logo了,上传后会自动生成所需的不同尺寸图标。

  之后点击Settings,编辑与应用商店相关的一些信息,包括应用描述、语言等信息。填写完成后,点击“Save”保存。



  Windows App Studio

  3、生成应用

  配置好应用之后,点击右上角的“Finish”按钮,之后会进入应用预览页面,针对不同形态的设备进行预览。最后只需要点击“Generate”生成按钮,然后在弹出的窗口中选择生成类型(默认选择为Visual Studio解决方案),最后再点击“Generate”即可。



  Windows App Studio

  以上就是把Web应用打包发布到Win10应用商店上步骤了,只要你有自己的Web应用,不需要重新编码。用上面的方法就可以直接生成Win10应用商店的应用,帮你节省大量的时间。

(0)

相关推荐

  • web项目打包发布到win10系统应用商店的方法

    通过把Web应用打包后发布到Win10应用商店,就可以同时在PC和手机平台上运行,下面小编就给大家讲讲web应用打包发布到win10系统应用商店的方法,一起来看教程吧! 下面分步骤给大家介绍些把Web ...

  • 苹果电脑安装win10系统的准备工作与方法

    大家都知道苹果电脑使用的是苹果系统(即Mac系统),如果想在苹果电脑上安装微软系统可不是那么容易.比如说,最近最火热的操作系统Win10系统如果要安装到苹果电脑中,该怎么操作呢?关于这个问题,一起来看 ...

  • 删除Win10系统应用商店下载的文件的方法

    Win10系统应用商店是很多用户经常使用的一个项目,尤其是通过Win10系统应用商店下载一些文件,不过,Win10系统应用商店下载的文件默认是保存在C盘的,这无形之中就给C盘增加了不少压力,那么,怎么 ...

  • win10系统如何锁定布局?win10系统锁定布局的方法

    win10自发布后就一直深受用户们的喜爱,它也增加了很多好用的功能,其中一个功能时限制用户改变开始菜单.我们可以使用该功能锁定自己的开始菜单布局,没有人可以改变.下面,小编就带大家看看win10锁定布 ...

  • 如何清除Win10系统应用商店缓存?

    一些Win10系统的用户有时候会遇到Win10系统应用商店打不开,或者无法下载文件的情况,不少用户认为是应用商店本身的bug,其实,并不是.出现这个状况,有可能是Win10系统应用商店该清理缓存了.如 ...

  • win10系统应用商店全屏显示的方法

    在之前的win10系统使用教程,我们了解到win10系统的全屏展示功能应用非常广,比如:图片全屏展示.命令提示符窗口全屏展示等.今天,我就给大家分享一下win10系统应用商店全屏显示的方法,那么,应用 ...

  • 如何设置win10系统开机自动联网方法

    如何设置win10系统开机自动联网方法

  • win10系统卸载更新设置方法

    win10系统卸载更新设置方法 1.首先打开系统菜单栏中,点击进入"设置",在"设置"界面中选择"更新和安全"选项. 2.在"更新 ...

  • 如何更改win10系统应用商店下载路径?

    如何更改win10系统应用商店下载路径? 设置方法如下: 1.按下"Win+I"组合键打开"设置"点击"系统"选项; 2.点击"存 ...