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

腾讯视频/爱奇艺/优酷/外卖 充值4折起

  在今天的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应用商店的应用,帮你节省大量的时间。

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

03/13 07:28
通过把Web应用打包后发布到Win10应用商店,就可以同时在PC和手机平台上运行,下面小编就给大家讲讲web应用打包发布到win10系统应用商店的方法,一起来看教程吧! 下面分步骤给大家介绍些把Web应用打包发布到Win10系统应用商店的方法 1.创建工程 进入Windows App Studio创建工程页面,需要使用微软账户登录.在该页面你会看到Hosted Web App选项,如下图所示: 点击Hosted Web App,之后会弹出弹窗,在这里输入应用的名称,然后点击“Start with

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

08/05 19:02
大家都知道苹果电脑使用的是苹果系统(即Mac系统),如果想在苹果电脑上安装微软系统可不是那么容易.比如说,最近最火热的操作系统Win10系统如果要安装到苹果电脑中,该怎么操作呢?关于这个问题,一起来看看今天的苹果电脑安装win10系统的准备工作与方法吧! 苹果电脑 和Windows7.Windows8以及Windows 8.1用户不同,Mac用户无法接收到Windows10的自动推送,也无法从第三方渠道升级到Windows10操作系统.没关系,我们可以想想办法. 给Mac电脑安装Windows1

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

03/08 16:26
Win10系统应用商店是很多用户经常使用的一个项目,尤其是通过Win10系统应用商店下载一些文件,不过,Win10系统应用商店下载的文件默认是保存在C盘的,这无形之中就给C盘增加了不少压力,那么,怎么删除Win10系统应用商店下载的文件来给C盘减负呢?一起来看看今天的Win10系统使用教程吧! Download 一.应用商店下载的文件默认存放位置 应用商店下载内容默认存放位置在c:WindowsSoftwareDistributionDownload. 二.怎么判断文件该不该删除 如上图所示,对

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

05/17 19:03
win10自发布后就一直深受用户们的喜爱,它也增加了很多好用的功能,其中一个功能时限制用户改变开始菜单.我们可以使用该功能锁定自己的开始菜单布局,没有人可以改变.下面,小编就带大家看看win10锁定布局具体方法. 方法一: 1.首先按 “win+R"打开“运行”,输入 :Gpedit.msc输入完后单击 “确定”; 2.打开 “本地组策略编辑器”后展开“用户管理”项目,再展开“管理模板”后选择“开始菜单和任务栏”; 3.双击右边的窗口的“开始屏幕布局”; 4.弹出来 “开始菜单布局”设置窗口后选

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

03/04 23:09
一些Win10系统的用户有时候会遇到Win10系统应用商店打不开,或者无法下载文件的情况,不少用户认为是应用商店本身的bug,其实,并不是.出现这个状况,有可能是Win10系统应用商店该清理缓存了.如果您也遇到了Win10系统应用商店打不开的情况,不妨按照今天的Win10系统使用教程的步骤来清理一下Win10系统应用商店的缓存吧! 命令提示符 操作步骤: 1.按WIN+X 组合键,然后选择"命令提示符(管理员)"; 2.如果弹出用户帐户控制窗口,请点击确定,打开命令提示符后输入:wsr

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

03/09 21:18
在之前的win10系统使用教程,我们了解到win10系统的全屏展示功能应用非常广,比如:图片全屏展示.命令提示符窗口全屏展示等.今天,我就给大家分享一下win10系统应用商店全屏显示的方法,那么,应用商店如何全屏显示呢?一起来看看今天的教程! 全屏显示 点击窗口化显示的Windows Store应用(Modern应用)的标题栏图标右侧的"-"按钮.如图: 然后在弹出的菜单中选择"全屏显示"即可以全屏方式运行应用商店应用(Modern应用)了.

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

05/02 08:11
1.使用组合快捷键win键+x键选择"运行(R)"点击打开运行窗口. 2.在弹出的运行窗口中输入"ncpa.cpl"点击确定进入下一步操作. 3.在打开的窗口中,找到宽带连接右键"创建快捷方式(S)"进入下一步操作. 4.点击打开"这台电脑",然后在地址栏填上"C:\ProgramData\Microsoft\Windows\Start Menu\Programs\StartUp",接着按下回车键进入文件夹

win10系统卸载更新设置方法

10/18 09:16
win10系统卸载更新设置方法 1.首先打开系统菜单栏中,点击进入"设置",在"设置"界面中选择"更新和安全"选项. 2.在"更新和安全"界面中选择左侧Windows更新界面,然后点击进入"高级选项". 3.在"高级选项"界面中找到"查看更新历史记录"选项并进入,随后点击最上方的"卸载更新"即可打开卸载窗口. windows7教程 windows8

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

11/16 20:03
如何更改win10系统应用商店下载路径? 设置方法如下: 1.按下"Win+I"组合键打开"设置"点击"系统"选项; 2.点击"存储",在右侧"保存位置"下方把"新的应用将保存到"下拉菜单修改为其他磁盘,比如"E盘",然后点击应用即可.