如何把Web應(yīng)用打包發(fā)布到Win10應(yīng)用商店上？

　　微軟去年發(fā)布了Windows App Studio，可以把Web應(yīng)用打包后發(fā)布到Win10的應(yīng)用商店上，打包后的應(yīng)用可以同時(shí)在PC和手機(jī)平臺(tái)上運(yùn)行。而且不需要編程的經(jīng)驗(yàn)就能完成這個(gè)操作。下面就來(lái)介紹一下如何把Web應(yīng)用打包發(fā)布到Win10應(yīng)用商店上。

　　具體步驟如下：

　　1、創(chuàng)建工程

　　進(jìn)入Windows App Studio創(chuàng)建工程頁(yè)面，需要使用微軟賬戶登錄。在該頁(yè)面你會(huì)看到Hosted Web App選項(xiàng)，如下圖所示：

　　點(diǎn)擊Hosted Web App，之后會(huì)彈出彈窗，在這里輸入應(yīng)用的名稱，然后點(diǎn)擊“Start with this one！”，在右側(cè)會(huì)顯示在不同設(shè)備中的預(yù)覽。

　　2、配置應(yīng)用

　　創(chuàng)建項(xiàng)目之后會(huì)進(jìn)入應(yīng)用內(nèi)容編輯頁(yè)面，在這里你只需要填寫(xiě)你的Web應(yīng)用的地址即可。

　　在這里你還可以上傳一個(gè)自定義的應(yīng)用清單文件Manifest，這是一個(gè)JSON數(shù)據(jù)文檔，里面包含了應(yīng)用啟動(dòng)參數(shù)之類的配置。你還可以定義額外的URI規(guī)則以及設(shè)備屏幕旋轉(zhuǎn)屬性等，但這些都是可選的。

　　在右側(cè)的設(shè)備預(yù)覽畫(huà)面中會(huì)出現(xiàn)應(yīng)用的預(yù)覽效果，有時(shí)候這里不顯示內(nèi)容，這很可能是頁(yè)面不支持iframe嵌入，不過(guò)一般來(lái)說(shuō)都不會(huì)有問(wèn)題。

　　填寫(xiě)好URL地址后，你需要為應(yīng)用更換一個(gè)Logo。點(diǎn)擊導(dǎo)航欄中的Logo，如下圖所示：

　　然后點(diǎn)擊App logo標(biāo)題下方的圖標(biāo)，就可以上傳自己準(zhǔn)備好的應(yīng)用Logo了，上傳后會(huì)自動(dòng)生成所需的不同尺寸圖標(biāo)。

　　之后點(diǎn)擊Settings，編輯與應(yīng)用商店相關(guān)的一些信息，包括應(yīng)用描述、語(yǔ)言等信息。填寫(xiě)完成后，點(diǎn)擊“Save”保存。

　　3、生成應(yīng)用

　　配置好應(yīng)用之后，點(diǎn)擊右上角的“Finish”按鈕，之后會(huì)進(jìn)入應(yīng)用預(yù)覽頁(yè)面，針對(duì)不同形態(tài)的設(shè)備進(jìn)行預(yù)覽。最后只需要點(diǎn)擊“Generate”生成按鈕，然后在彈出的窗口中選擇生成類型（默認(rèn)選擇為Visual Studio解決方案），最后再點(diǎn)擊“Generate”即可。

　　以上就是把Web應(yīng)用打包發(fā)布到Win10應(yīng)用商店上步驟了，只要你有自己的Web應(yīng)用，不需要重新編碼。用上面的方法就可以直接生成Win10應(yīng)用商店的應(yīng)用，幫你節(jié)省大量的時(shí)間。