深度技術用戶三分鐘開發(fā)一個Web托管Win10應用官方圖文教程

在最近的一篇博文中,微軟講解了如何通過Windows App Studio快速構建一個Web托管Win10應用,可同時運行在Win10 Mobile/PC設備中。Windows App Studio是微軟為不具備相關編程經驗的用戶推出的一種在線服務,通過簡單的操作就可以將Web應用打包發(fā)布到應用商店。
Windows App Studio適用于所有Web應用,所有操作都通過瀏覽器進行,套用提供的應用模版,然后添加數據和服務,根據自己的需求自定義應用主題選項。最終可導出Visual Studio工程文件,或者直接生成安裝包發(fā)布到應用商店。
微軟表示這只需要花費很少的時間,甚至只需要三分鐘,步驟簡單總結為:
• 創(chuàng)建一個工程;
• 命名工程:
• 填寫URL地址;
• 生成和發(fā)布;
具體如下:
1、創(chuàng)建工程
點此進入Windows App Studio創(chuàng)建工程頁面,你需要使用微軟賬戶登錄。在該頁面你會看到Hosted Web App選項,如下圖所示:
點擊Hosted Web App,之后會彈出彈窗,在這里輸入應用的名稱,然后點擊“Start with this one!”,在右側會顯示在不同設備中的預覽。
2、配置應用
創(chuàng)建項目之后會進入應用內容編輯頁面,在這里你只需要填寫你的Web應用的地址即可。
在這里你還可以上傳一個自定義的應用清單文件Manifest,這是一個JSON數據文檔,里面包含了應用啟動參數之類的配置。你還可以定義額外的URI規(guī)則以及設備屏幕旋轉屬性等,但這些都是可選的。
在右側的設備預覽畫面中會出現(xiàn)應用的預覽效果,有時候這里不顯示內容,這很可能是頁面不支持iframe嵌入,不過一般來說都不會有問題。
填寫好URL地址后,你需要為應用更換一個Logo。點擊導航欄中的Logo,如下圖所示:
然后點擊App logo標題下方的圖標,就可以上傳自己準備好的應用Logo了,上傳后會自動生成所需的不同尺寸圖標。
之后點擊Settings,編輯與應用商店相關的一些信息,包括應用描述、語言等信息。填寫完成后,點擊“Save”保存。
3、生成應用
配置好應用之后,點擊右上角的“Finish”按鈕,之后會進入應用預覽頁面,針對不同形態(tài)的設備進行預覽。最后只需要點擊“Generate”生成按鈕,然后在彈出的窗口中選擇生成類型(默認選擇為Visual Studio解決方案),最后再點擊“Generate”即可。
就是這樣簡單,完全不需要編輯代碼。手里頭有Web應用項目的同學可以嘗試一下。
相關文章
微軟官方解釋為什么Win10補丁KB3135173重置默認應用
我們都知道,win10打了補丁KB3135173后,通知中心不斷彈出默認應用被重置的消息,之前我們也給了一種臨時的解決辦法,今天微軟官方給出了回應,雖然這個問題存在,但是是用2016-02-27- win10系統(tǒng)中怎么重置默認應用?很多用用沒辦法打開,這是怎么回事?出現(xiàn)這個問題是因為安裝的應用時黑狐,該怎么解決,下面我們來看看win10重置默認的詳細方法,需要的朋友2016-02-28
Win10正式版10586.122中KB3140743補丁整治第三方應用私設默認
Win10正式版10586.122中KB3140743補丁修復了Windows10的一個Bug,第三方軟件可以利用這個Bug來私自修改注冊表把自己設置為默認應用,詳細內容請看下文2016-03-03Win10專業(yè)版14279中郵件應用怎么拖拽添加附件?
Win10專業(yè)版14279中郵件應用怎么快速添加附件?再發(fā)郵件的時候想要添加附件,有什么快捷的方法嗎?win10系統(tǒng)郵件中支持拖拽添加附件,下面我們來啦看看詳細的操作方法2016-03-22Win10系統(tǒng)日歷應用如何顯示中國的農歷?win10日歷顯示農歷的方法
Win10系統(tǒng)日歷應用如何顯示中國的農歷?下面小編就給大家?guī)韜in10日歷顯示農歷的方法,希望可以幫助到大家2016-03-22web項目打包發(fā)布到win10系統(tǒng)應用商店的方法
通過把Web項目打包后發(fā)布到Win10應用商店,就可以同時在PC和手機平臺上運行,下面小編就給大家介紹web應用打包發(fā)布到win10系統(tǒng)應用商店的方法,感興趣的朋友一起學習吧2016-03-23win10使用全局代理后商店等應用無法聯(lián)網或閃退怎么辦?
win10使用全局代理后商店等應用無法聯(lián)網或閃退怎么辦?win10中當在代理客戶端中打開全局代理時,幾款常用的Modern應用均出現(xiàn)無法聯(lián)網的問題,該怎么辦呢?下面我們來看看解2016-03-25win10開始菜單消失了怎么辦?Win10開始菜單應用消失的恢復方法
win10開始菜單消失了怎么辦?針對此問題,下面小編就給大家?guī)鞼in10開始菜單應用消失的恢復方法,希望可以幫助到大家2016-03-25Win10 Mobile Redstone預覽版14295出現(xiàn)問題 屏幕閃爍/應用自動關閉等
微軟推送了Win10 Mobile Redstone預覽版14295更新,目前僅限支持Win10 Mobile正式版的24款機型,現(xiàn)在有網友發(fā)現(xiàn)了這個版本出現(xiàn)的一些問題,下面就詳情來看看了解一下2016-03-28微軟Win10新品發(fā)布會會議日程安排:Build2016應用免費下載
微軟將在3月30日晚上舉行Build2016開發(fā)者大會,這也是微軟每年例行盛會,下面小編為大家?guī)砦④沇in10新品發(fā)布會會議日程安排,感興趣的朋友快快來看看吧2016-03-28