web項(xiàng)目打包發(fā)布到win10系統(tǒng)應(yīng)用商店的方法
發(fā)布時(shí)間：2016-03-23 15:18:24 作者：佚名 
我要評(píng)論
我要評(píng)論通過(guò)把Web項(xiàng)目打包后發(fā)布到Win10應(yīng)用商店，就可以同時(shí)在PC和手機(jī)平臺(tái)上運(yùn)行，下面小編就給大家介紹web應(yīng)用打包發(fā)布到win10系統(tǒng)應(yīng)用商店的方法，感興趣的朋友一起學(xué)習(xí)吧
通過(guò)把Web應(yīng)用打包后發(fā)布到Win10應(yīng)用商店，就可以同時(shí)在PC和手機(jī)平臺(tái)上運(yùn)行，下面小編就給大家講講web應(yīng)用打包發(fā)布到win10系統(tǒng)應(yīng)用商店的方法，一起來(lái)看教程吧！
1、創(chuàng)建工程
進(jìn)入Windows App Studio創(chuàng)建工程頁(yè)面，需要使用微軟賬戶登錄。在該頁(yè)面你會(huì)看到Hosted Web App選項(xiàng)，如下圖所示：
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”即可。
1、創(chuàng)建工程
進(jìn)入Windows App Studio創(chuàng)建工程頁(yè)面，需要使用微軟賬戶登錄。在該頁(yè)面你會(huì)看到Hosted Web App選項(xiàng)，如下圖所示：
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í)間。
有需要的朋友可以參考下本教程，有任何問(wèn)題歡迎給我留言，我會(huì)及時(shí)和大家取得聯(lián)系的，同時(shí)感謝大家一直以來(lái)對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
Win10系統(tǒng)應(yīng)用商店如何更換地區(qū)？Win10應(yīng)用商店更換地區(qū)的方法
Win10系統(tǒng)應(yīng)用商店如何更換地區(qū)？有朋友們問(wèn)到這個(gè)問(wèn)題，下面小編就給大家?guī)?lái)Win10應(yīng)用商店更換地區(qū)的方法，希望可以幫助到大家2016-04-14Win10移動(dòng)版最新內(nèi)部版截圖曝光:應(yīng)用商店更新通知即將回歸
現(xiàn)在有網(wǎng)友在推特上泄漏了一張Windows10移動(dòng)版最新內(nèi)部版截圖，圖片顯示商店應(yīng)用更新通知功能即將回歸，包括彈出式消息和操作中心通知，下面我們一起來(lái)了解詳情吧2016-04-17Win10系統(tǒng)下登錄應(yīng)用商店后開(kāi)機(jī)需要密碼的解決方法
win10正式版系統(tǒng)自帶了一個(gè)非常好用的應(yīng)用商店，用戶可以使用它來(lái)下載安裝自己喜歡的應(yīng)用，但最近有朋友反映自己的微軟賬號(hào)登錄應(yīng)用商店后，卻發(fā)現(xiàn)再開(kāi)機(jī)時(shí)需要輸入密碼，2016-04-23- Win10一周年更新中全新應(yīng)用商店有哪些變化？在win10一周年更新中，無(wú)論是pc端的應(yīng)用商店還是移動(dòng)端的應(yīng)用商店有發(fā)生了很大的變化，排版都更加美觀大方，也更實(shí)用，今天我們2016-04-25
Win10 UWP版WinZip上架應(yīng)用商店 20天免費(fèi)試用
Win10 UWP應(yīng)用肩負(fù)的使命非常重大，不但要實(shí)現(xiàn)統(tǒng)一平臺(tái)的戰(zhàn)略構(gòu)想，還要讓使用該平臺(tái)的用戶真正嘗到實(shí)惠。對(duì)于Windows10用戶來(lái)說(shuō)，UWP帶來(lái)的好處不僅是應(yīng)用輕便和易于管理2016-05-05Win10專業(yè)版Build 1511應(yīng)用商店將不再允許關(guān)閉
Win10首個(gè)重要更新（1511）在去年11月正式發(fā)布推送，在今年年初，微軟已將關(guān)閉Win10商店訪問(wèn)的“Bug”修復(fù)，微軟支持網(wǎng)站也已經(jīng)澄清這一點(diǎn)2016-05-05新版Win10應(yīng)用商店曝光 UI進(jìn)行新的調(diào)整
微軟新版的Win10應(yīng)用商店即將推出，新版本對(duì)系統(tǒng)UI進(jìn)行了很大的調(diào)整和改進(jìn)，不僅是桌面版系統(tǒng)，Win10 Mobile移動(dòng)版商店也將升級(jí)改觀,評(píng)論有點(diǎn)類似于亞馬遜，展示的是最有用2016-05-06win10系統(tǒng)下應(yīng)用商店如何轉(zhuǎn)移應(yīng)用
win10應(yīng)用商店的應(yīng)用是默認(rèn)下載在C盤(pán)的，如果C盤(pán)不夠用了想轉(zhuǎn)移應(yīng)用應(yīng)該怎么做呢？很多用戶都不是很清楚呢，今天小編帶來(lái)解決方法，供玩家參考2016-05-08Win10一周年更新版中應(yīng)用商店將增加游戲視頻片段預(yù)覽
Win10一周年更新版中應(yīng)用商店新增了很多功能，現(xiàn)在win10占游戲極限競(jìng)速6就可以實(shí)現(xiàn)視頻片段預(yù)覽，大大的提升了用戶體驗(yàn)，下面我們來(lái)看看詳細(xì)的內(nèi)容，需要的朋友可以參考下2016-05-09win10 Mobile新應(yīng)用商店截圖曝光:UI調(diào)整
Win10 PC和Win10 Mobile系統(tǒng)相比之前Windows版本，更重要的是加入了統(tǒng)一的應(yīng)用商店，在這里Win10 UWP應(yīng)用和游戲開(kāi)始慢慢增長(zhǎng)。值得注意的是，Win10《應(yīng)用商店》本身也是UWP2016-05-10