深度技术用户三分钟开发一个Web托管Win10应用官方图文教程

时间:2023-04-23 06:06:47 

下面为大家带来一个深度技术文章,就是三分钟开发一个Web托管Win10应用图文教程,对于一些技术达人来说可能会比较感兴趣,好了,下面我们一起来看看吧

在最近的一篇博文中,微软讲解了如何通过Windows App Studio快速构建一个Web托管Win10应用,可同时运行在Win10 Mobile/PC设备中。Windows App Studio是微软为不具备相关编程经验的用户推出的一种在线服务,通过简单的操作就可以将Web应用打包发布到应用商店。

深度技术用户三分钟开发一个Web托管Win10应用官方图文教程

Windows App Studio适用于所有Web应用,所有操作都通过浏览器进行,套用提供的应用模版,然后添加数据和服务,根据自己的需求自定义应用主题选项。最终可导出Visual Studio工程文件,或者直接生成安装包发布到应用商店。

微软表示这只需要花费很少的时间,甚至只需要三分钟,步骤简单总结为:

• 创建一个工程;

• 命名工程:

• 填写URL地址;

• 生成和发布;

具体如下:

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应用项目的同学可以尝试一下。

标签:Web托管,Win10应用,图文教程
0
投稿

猜你喜欢

  • excel index函数的使用方法和实例教程

    2022-11-19 10:06:33
  • excel表格如何调整行高和列宽

    2023-06-24 07:15:11
  • 如何在Word2010文档中插入所有符号

    2022-07-15 20:06:23
  • 苹果新款 MacBook Pro 可能会增加SD卡插槽

    2022-08-18 11:13:44
  • 系统之家镜像重装Win11系统操作教程

    2023-01-01 03:46:21
  • Mindjet mindmanager如何插入事件和提醒的日历主题?

    2022-05-20 08:27:47
  • WPS word文档被锁定怎么解锁

    2023-08-21 05:01:14
  • 三星激进!2020年量产4nm工艺

    2022-09-25 16:32:33
  • excel vlookup函数模糊查找匹配 查找日费率来剖析vlookup函数模糊匹配查找的原理

    2023-04-29 17:57:45
  • PPT怎么插入视频 PPT插入FLV格式视频的操作步骤

    2022-08-15 18:44:52
  • Windows10麦克风无法录音怎么办?

    2022-06-07 06:51:25
  • ppt怎么绘制立体的3D材质球?

    2023-05-17 18:57:12
  • word如何使用查找和替换功能

    2022-12-05 23:27:10
  • wps演示如何为图形添加图片

    2023-02-23 22:10:19
  • PPT长颈鹿怎么添加倒影效果?

    2022-09-22 22:02:07
  • Win10总提示已重置应用默认设置怎么解决?

    2022-09-21 18:33:58
  • Win7升级内存的注意事项 Win7加内存条要注意什么?

    2022-01-28 19:01:41
  • win10开机启动文件夹路径是什么_开机启动文件夹路径命令一键打开

    2023-05-12 21:41:13
  • 收集整理Windows 7 Beta中的快捷键

    2023-02-15 11:40:35
  • word取消超链接怎么做

    2022-04-24 12:30:32
  • asp之家 电脑教程 m.aspxhome.com