深度技术用户三分钟开发一个Web托管Win10应用官方图文教程
2016-03-10 09:36
806 查看
在最近的一篇博文中,微软讲解了如何通过Windows App Studio快速构建一个Web托管Win10应用,可同时运行在Win10 Mobile/PC设备中。Windows App Studio是微软为不具备相关编程经验的用户推出的一种在线服务,通过简单的操作就可以将Web应用打包发布到应用商店。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201603/454feec02a3f47d9feea21ff9fce38ea.jpg)
Windows App Studio适用于所有Web应用,所有操作都通过浏览器进行,套用提供的应用模版,然后添加数据和服务,根据自己的需求自定义应用主题选项。最终可导出Visual Studio工程文件,或者直接生成安装包发布到应用商店。
微软表示这只需要花费很少的时间,甚至只需要三分钟,步骤简单总结为:
• 创建一个工程;
• 命名工程:
• 填写URL地址;
• 生成和发布;
具体如下:
1、创建工程
点此进入Windows App Studio创建工程页面,你需要使用微软账户登录。在该页面你会看到Hosted Web App选项,如下图所示:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201603/96efcea599beeda8c65118120335b35d.jpg)
点击Hosted Web App,之后会弹出弹窗,在这里输入应用的名称,然后点击“Start with this one!”,在右侧会显示在不同设备中的预览。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201603/07bedb3e0e49b2a3218f02d2098c8818.jpg)
2、配置应用
创建项目之后会进入应用内容编辑页面,在这里你只需要填写你的Web应用的地址即可。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201603/91e71b1d719b6ea843f687361f18edfb.jpg)
在这里你还可以上传一个自定义的应用清单文件Manifest,这是一个JSON数据文档,里面包含了应用启动参数之类的配置。你还可以定义额外的URI规则以及设备屏幕旋转属性等,但这些都是可选的。
在右侧的设备预览画面中会出现应用的预览效果,有时候这里不显示内容,这很可能是页面不支持iframe嵌入,不过一般来说都不会有问题。
填写好URL地址后,你需要为应用更换一个Logo。点击导航栏中的Logo,如下图所示:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201603/39e400eebf7f69f37766230894a2752c.jpg)
然后点击App logo标题下方的图标,就可以上传自己准备好的应用Logo了,上传后会自动生成所需的不同尺寸图标。
之后点击Settings,编辑与应用商店相关的一些信息,包括应用描述、语言等信息。填写完成后,点击“Save”保存。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201603/03bc61aa22f4314534f587b705040cf0.jpg)
3、生成应用
配置好应用之后,点击右上角的“Finish”按钮,之后会进入应用预览页面,针对不同形态的设备进行预览。最后只需要点击“Generate”生成按钮,然后在弹出的窗口中选择生成类型(默认选择为Visual Studio解决方案),最后再点击“Generate”即可。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201603/529a028ed653cdb364fec7ab40304077.jpg)
就是这样简单,完全不需要编辑代码。手里头有Web应用项目的同学可以尝试一下。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201603/454feec02a3f47d9feea21ff9fce38ea.jpg)
Windows App Studio适用于所有Web应用,所有操作都通过浏览器进行,套用提供的应用模版,然后添加数据和服务,根据自己的需求自定义应用主题选项。最终可导出Visual Studio工程文件,或者直接生成安装包发布到应用商店。
微软表示这只需要花费很少的时间,甚至只需要三分钟,步骤简单总结为:
• 创建一个工程;
• 命名工程:
• 填写URL地址;
• 生成和发布;
具体如下:
1、创建工程
点此进入Windows App Studio创建工程页面,你需要使用微软账户登录。在该页面你会看到Hosted Web App选项,如下图所示:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201603/96efcea599beeda8c65118120335b35d.jpg)
点击Hosted Web App,之后会弹出弹窗,在这里输入应用的名称,然后点击“Start with this one!”,在右侧会显示在不同设备中的预览。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201603/07bedb3e0e49b2a3218f02d2098c8818.jpg)
2、配置应用
创建项目之后会进入应用内容编辑页面,在这里你只需要填写你的Web应用的地址即可。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201603/91e71b1d719b6ea843f687361f18edfb.jpg)
在这里你还可以上传一个自定义的应用清单文件Manifest,这是一个JSON数据文档,里面包含了应用启动参数之类的配置。你还可以定义额外的URI规则以及设备屏幕旋转属性等,但这些都是可选的。
在右侧的设备预览画面中会出现应用的预览效果,有时候这里不显示内容,这很可能是页面不支持iframe嵌入,不过一般来说都不会有问题。
填写好URL地址后,你需要为应用更换一个Logo。点击导航栏中的Logo,如下图所示:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201603/39e400eebf7f69f37766230894a2752c.jpg)
然后点击App logo标题下方的图标,就可以上传自己准备好的应用Logo了,上传后会自动生成所需的不同尺寸图标。
之后点击Settings,编辑与应用商店相关的一些信息,包括应用描述、语言等信息。填写完成后,点击“Save”保存。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201603/03bc61aa22f4314534f587b705040cf0.jpg)
3、生成应用
配置好应用之后,点击右上角的“Finish”按钮,之后会进入应用预览页面,针对不同形态的设备进行预览。最后只需要点击“Generate”生成按钮,然后在弹出的窗口中选择生成类型(默认选择为Visual Studio解决方案),最后再点击“Generate”即可。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201603/529a028ed653cdb364fec7ab40304077.jpg)
就是这样简单,完全不需要编辑代码。手里头有Web应用项目的同学可以尝试一下。
相关文章推荐
- GDB使用教程
- git的webhook设置
- 我与小娜(32):AlphaGo挑战无限!
- c++第一次实验-2
- 根据字段更新数据库,同字段多个值只更新一条
- 跳槽?OR不跳槽?
- QT 获取某一范围随机数
- C++第一次试验-2
- 第一次作业3-1
- [LeetCode]231. Power of Two
- c++第一次实验
- oracle 批量 update selete
- Android 数据库管理— — —更新数据
- ubuntu由于使用了/bin/sh 导致找不到pushd命令
- 国外15种手机游戏引擎和开发工具介绍
- 项目4-用循环求解
- CUDA Pro Tip: Optimized Filtering with Warp-Aggregated Atomics
- 用inno Setup做应用程序安装包的示例脚本(.iss文件)
- Xcode插件,一不留神点了skip bundle的解决办法
- poj1741 Tree