web項目打包發(fā)布到win10系統(tǒng)應用商店的方法
發(fā)布時間：2016-03-23 15:18:24 作者：佚名 
我要評論
我要評論通過把Web項目打包后發(fā)布到Win10應用商店，就可以同時在PC和手機平臺上運行，下面小編就給大家介紹web應用打包發(fā)布到win10系統(tǒng)應用商店的方法，感興趣的朋友一起學習吧
通過把Web應用打包后發(fā)布到Win10應用商店，就可以同時在PC和手機平臺上運行，下面小編就給大家講講web應用打包發(fā)布到win10系統(tǒng)應用商店的方法，一起來看教程吧！
1、創(chuàng)建工程
進入Windows App Studio創(chuàng)建工程頁面，需要使用微軟賬戶登錄。在該頁面你會看到Hosted Web App選項，如下圖所示：
2、配置應用
創(chuàng)建項目之后會進入應用內容編輯頁面，在這里你只需要填寫你的Web應用的地址即可。
在這里你還可以上傳一個自定義的應用清單文件Manifest，這是一個JSON數據文檔，里面包含了應用啟動參數之類的配置。你還可以定義額外的URI規(guī)則以及設備屏幕旋轉屬性等，但這些都是可選的。
在右側的設備預覽畫面中會出現應用的預覽效果，有時候這里不顯示內容，這很可能是頁面不支持iframe嵌入，不過一般來說都不會有問題。
填寫好URL地址后，你需要為應用更換一個Logo。點擊導航欄中的Logo，如下圖所示：
然后點擊App logo標題下方的圖標，就可以上傳自己準備好的應用Logo了，上傳后會自動生成所需的不同尺寸圖標。
之后點擊Settings，編輯與應用商店相關的一些信息，包括應用描述、語言等信息。填寫完成后，點擊“Save”保存。
3、生成應用
配置好應用之后，點擊右上角的“Finish”按鈕，之后會進入應用預覽頁面，針對不同形態(tài)的設備進行預覽。最后只需要點擊“Generate”生成按鈕，然后在彈出的窗口中選擇生成類型（默認選擇為Visual Studio解決方案），最后再點擊“Generate”即可。
1、創(chuàng)建工程
進入Windows App Studio創(chuàng)建工程頁面，需要使用微軟賬戶登錄。在該頁面你會看到Hosted Web App選項，如下圖所示：
2、配置應用
創(chuàng)建項目之后會進入應用內容編輯頁面，在這里你只需要填寫你的Web應用的地址即可。
在這里你還可以上傳一個自定義的應用清單文件Manifest，這是一個JSON數據文檔，里面包含了應用啟動參數之類的配置。你還可以定義額外的URI規(guī)則以及設備屏幕旋轉屬性等，但這些都是可選的。
在右側的設備預覽畫面中會出現應用的預覽效果，有時候這里不顯示內容，這很可能是頁面不支持iframe嵌入，不過一般來說都不會有問題。
填寫好URL地址后，你需要為應用更換一個Logo。點擊導航欄中的Logo，如下圖所示：
然后點擊App logo標題下方的圖標，就可以上傳自己準備好的應用Logo了，上傳后會自動生成所需的不同尺寸圖標。
之后點擊Settings，編輯與應用商店相關的一些信息，包括應用描述、語言等信息。填寫完成后，點擊“Save”保存。
3、生成應用
配置好應用之后，點擊右上角的“Finish”按鈕，之后會進入應用預覽頁面，針對不同形態(tài)的設備進行預覽。最后只需要點擊“Generate”生成按鈕，然后在彈出的窗口中選擇生成類型（默認選擇為Visual Studio解決方案），最后再點擊“Generate”即可。
以上就是把Web應用打包發(fā)布到Win10應用商店上步驟了，只要你有自己的Web應用，不需要重新編碼。用上面的方法就可以直接生成Win10應用商店的應用，幫你節(jié)省大量的時間。
有需要的朋友可以參考下本教程，有任何問題歡迎給我留言，我會及時和大家取得聯系的，同時感謝大家一直以來對腳本之家網站的支持！
相關文章
Win10系統(tǒng)應用商店如何更換地區(qū)？Win10應用商店更換地區(qū)的方法
Win10系統(tǒng)應用商店如何更換地區(qū)？有朋友們問到這個問題，下面小編就給大家?guī)鞼in10應用商店更換地區(qū)的方法，希望可以幫助到大家2016-04-14Win10移動版最新內部版截圖曝光:應用商店更新通知即將回歸
現在有網友在推特上泄漏了一張Windows10移動版最新內部版截圖，圖片顯示商店應用更新通知功能即將回歸，包括彈出式消息和操作中心通知，下面我們一起來了解詳情吧2016-04-17Win10系統(tǒng)下登錄應用商店后開機需要密碼的解決方法
win10正式版系統(tǒng)自帶了一個非常好用的應用商店，用戶可以使用它來下載安裝自己喜歡的應用，但最近有朋友反映自己的微軟賬號登錄應用商店后，卻發(fā)現再開機時需要輸入密碼，2016-04-23- Win10一周年更新中全新應用商店有哪些變化？在win10一周年更新中，無論是pc端的應用商店還是移動端的應用商店有發(fā)生了很大的變化，排版都更加美觀大方，也更實用，今天我們2016-04-25
Win10 UWP版WinZip上架應用商店 20天免費試用
Win10 UWP應用肩負的使命非常重大，不但要實現統(tǒng)一平臺的戰(zhàn)略構想，還要讓使用該平臺的用戶真正嘗到實惠。對于Windows10用戶來說，UWP帶來的好處不僅是應用輕便和易于管理2016-05-05Win10專業(yè)版Build 1511應用商店將不再允許關閉
Win10首個重要更新（1511）在去年11月正式發(fā)布推送，在今年年初，微軟已將關閉Win10商店訪問的“Bug”修復，微軟支持網站也已經澄清這一點2016-05-05- 微軟新版的Win10應用商店即將推出，新版本對系統(tǒng)UI進行了很大的調整和改進，不僅是桌面版系統(tǒng)，Win10 Mobile移動版商店也將升級改觀,評論有點類似于亞馬遜，展示的是最有用2016-05-06
- win10應用商店的應用是默認下載在C盤的，如果C盤不夠用了想轉移應用應該怎么做呢？很多用戶都不是很清楚呢，今天小編帶來解決方法，供玩家參考2016-05-08
- Win10一周年更新版中應用商店新增了很多功能，現在win10占游戲極限競速6就可以實現視頻片段預覽，大大的提升了用戶體驗，下面我們來看看詳細的內容，需要的朋友可以參考下2016-05-09
- Win10 PC和Win10 Mobile系統(tǒng)相比之前Windows版本，更重要的是加入了統(tǒng)一的應用商店，在這里Win10 UWP應用和游戲開始慢慢增長。值得注意的是，Win10《應用商店》本身也是UWP2016-05-10