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

时间:2023-10-03 10:23:19 

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

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

下面分步骤给大家介绍些把Web应用打包发布到Win10系统应用商店的方法
1、创建工程
进入Windows App Studio创建工程页面,需要使用微软账户登录。在该页面你会看到Hosted Web App选项,如下图所示:

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

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

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


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

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


在这里你还可以上传一个自定义的应用清单文件Manifest,这是一个JSON数据文档,里面包含了应用启动参数之类的配置。你还可以定义额外的URI规则以及设备屏幕旋转属性等,但这些都是可选的。
在右侧的设备预览画面中会出现应用的预览效果,有时候这里不显示内容,这很可能是页面不支持iframe嵌入,不过一般来说都不会有问题。
填写好URL地址后,你需要为应用更换一个Logo。点击导航栏中的Logo,如下图所示:

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


然后点击App logo标题下方的图标,就可以上传自己准备好的应用Logo了,上传后会自动生成所需的不同尺寸图标。
之后点击Settings,编辑与应用商店相关的一些信息,包括应用描述、语言等信息。填写完成后,点击“Save”保存。

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


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

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


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

有需要的朋友可以参考下本教程,有任何问题欢迎给我留言,我会及时和大家取得联系的,同时感谢大家一直以来对脚本之家网站的支持!

标签:web项目打包发布,win10应用商店
0
投稿

猜你喜欢

  • WPS表格如何设置安全密码 WPS设置密码的方法

    2022-03-24 00:19:25
  • ​电脑版wps如何自动填充表格序号

    2023-09-01 02:03:01
  • 笔记本华硕进入bios按哪个键可以进

    2023-10-07 03:21:28
  • Win10系统控制面板打不开的解决方法

    2023-06-20 00:51:01
  • 怎么看电脑是否支持wifi6?怎么看笔记本是不是wifi6?

    2023-07-15 13:12:04
  • excel取整函数怎么用

    2023-10-15 23:14:09
  • Win10蓝屏完成100%不重启怎么办?

    2023-11-26 16:14:49
  • Word中2007版进行设置自选图形样式的操作方法

    2022-07-14 17:49:13
  • Excel表格中数据有效性全面功能的使用方法

    2023-05-25 03:10:01
  • Win10录屏功能不工作怎么办?Win10录屏功能不工作的解决方法

    2022-06-23 17:05:36
  • wps文字中怎么添图文教程加划线

    2022-12-09 07:43:32
  • PPT 2003中设置幻灯片的切换的方法

    2022-11-02 13:41:11
  • Win11任务栏系统托盘时钟区域可显示秒数啦!

    2023-07-30 19:54:27
  • WPS Excel表格筛选后统计行数

    2023-03-18 19:22:45
  • excel表格如何冻结窗口

    2022-09-06 19:08:54
  • win10系统设备管理器没有端口怎么办 win10设备管理器没有端口的多种原因及解决方法

    2023-06-05 00:27:43
  • 如何使用Excel表格的冻结窗口?同时冻结多行多列数据

    2023-12-04 08:37:50
  • Mac如何修改QQ消息铃声默认的声音很刺耳

    2022-08-01 03:50:33
  • Word文档打印过程各参数意义及设置详解

    2023-04-17 00:50:25
  • mimoLive直播制作软件如何使用Apple TV捕获iOS设备屏幕?

    2023-08-02 09:42:41
  • asp之家 电脑教程 m.aspxhome.com