图解如何快速开发一个Windows 10应用程序

 时间:2024-10-30 22:40:03

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

图解如何快速开发一个Windows 10应用程序

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

图解如何快速开发一个Windows 10应用程序

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

图解如何快速开发一个Windows 10应用程序

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

图解如何快速开发一个Windows 10应用程序

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

图解如何快速开发一个Windows 10应用程序

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

图解如何快速开发一个Windows 10应用程序

7、就是这样简单,完全不需要编辑代码。手里头有Web应用项目的同学可以尝试一下。

  • 成为网络红人的基本条件
  • QQ农场的头像怎么更换?
  • 错误代码118导致不能上网解决方案
  • 118任务平台怎么下载
  • 购买彩票的四大准则
  • 热门搜索
    人为什么要活着 开市是什么意思 st段改变是什么意思 cellular版是什么意思 办暂住证需要什么材料 一个永一个日念什么 6月17日是什么星座 神经官能症有什么症状表现 put是什么意思 封闭针是什么