歡迎到系統(tǒng)之家的Windows10教程系列。我們會花時間陪走你一起來了解Windows 10系統(tǒng)與各類硬件之前的關(guān)系。在今天的win10系統(tǒng)使用教程中，我們一起來學(xué)習(xí)一下微軟日前發(fā)布的Windows App Studio，Windows App Studio有什么作用呢?可能對大多數(shù)的win10系統(tǒng)用戶來說，Windows App Studio并沒有什么用，但是，如果您的webWin10jiaocheng/634.html">應(yīng)用的開發(fā)者，那肯定會感興趣的，因為使用Windows App Studio可以把WebWin10jiaocheng/634.html">應(yīng)用打包后發(fā)布到Win10的應(yīng)用商店上，打包后的應(yīng)用可以同時在PC和手機(jī)平臺上運(yùn)行，而且不需要編程的經(jīng)驗就能完成這個操作。下面就來介紹一下如何把Web應(yīng)用打包發(fā)布到Win10應(yīng)用商店上。
具體步驟如下：
　　1、創(chuàng)建工程
　　進(jìn)入Windows App Studio創(chuàng)建工程頁面，需要使用微軟賬戶登錄。在該頁面你會看到Hosted Web App選項，如下圖所示：
 
　　　　點擊Hosted Web App，之后會彈出彈窗，在這里輸入應(yīng)用的名稱，然后點擊“Start with this one!”，在右側(cè)會顯示在不同設(shè)備中的預(yù)覽。
 
　　2、配置應(yīng)用
　　創(chuàng)建項目之后會進(jìn)入應(yīng)用內(nèi)容編輯頁面，在這里你只需要填寫你的Web應(yīng)用的地址即可。
　　　　在這里你還可以上傳一個自定義的應(yīng)用清單文件Manifest，這是一個JSON數(shù)據(jù)文檔，里面包含了應(yīng)用啟動參數(shù)之類的配置。你還可以定義額外的URI規(guī)則以及設(shè)備屏幕旋轉(zhuǎn)屬性等，但這些都是可選的。
　　在右側(cè)的設(shè)備預(yù)覽畫面中會出現(xiàn)應(yīng)用的預(yù)覽效果，有時候這里不顯示內(nèi)容，這很可能是頁面不支持iframe嵌入，不過一般來說都不會有問題。
　　填寫好URL地址后，你需要為應(yīng)用更換一個Logo。點擊導(dǎo)航欄中的Logo，如下圖所示：
 

　　　　然后點擊App logo標(biāo)題下方的圖標(biāo)，就可以上傳自己準(zhǔn)備好的應(yīng)用Logo了，上傳后會自動生成所需的不同尺寸圖標(biāo)。
　　之后點擊Settings，編輯與應(yīng)用商店相關(guān)的一些信息，包括應(yīng)用描述、語言等信息。填寫完成后，點擊“Save”保存。
　　3、生成應(yīng)用
　　配置好應(yīng)用之后，點擊右上角的“Finish”按鈕，之后會進(jìn)入應(yīng)用預(yù)覽頁面，針對不同形態(tài)的設(shè)備進(jìn)行預(yù)覽。最后只需要點擊“Generate”生成按鈕，然后在彈出的窗口中選擇生成類型(默認(rèn)選擇為Visual Studio解決方案)，最后再點擊“Generate”即可。