將 Web 應用打包發布至 Windows 10 應用商店：Windows App Studio 完整教學

微軟推出 Windows App Studio，讓無程式開發經驗的 Web 開發者也能將現有 Web 應用打包為 UWP (通用 Windows 平台) 應用，一次發布即可在 PC、手機、Xbox、HoloLens 等裝置運行。以下為完整圖文流程。

前置需求

• Microsoft 帳戶登入 Windows App Studio。
• 具備可公開存取的 Web 應用 URL (需支援 HTTPS、允許 iframe 嵌入)。
• 準備應用 Logo (建議 150x150、44x44 等尺寸)。

三大步驟

1. 建立專案

1. 進入 Windows App Studio → 登入。
2. 選擇 Hosted Web App → 輸入應用名稱 → 「Start with this one!」。
3. 右側即時預覽各裝置畫面。

2. 設定應用內容

1. 內容：填入 Web 應用 URL。可選上傳 Manifest.json 定義啟動參數、額外 URI 規則、螢幕旋轉等。
2. Logo：上傳自訂 Logo，系統自動產生各尺寸圖示。
3. Settings：填寫應用描述、語言、年齡分級等商店資訊 → 「Save」。

3. 產生與發布

1. 點擊右上角 Finish → 預覽頁面。
2. 點擊 Generate → 選擇產出類型 (預設 Visual Studio 方案) → 再次 Generate。
3. 下載產出的套件，透過 Visual Studio 關聯開發者帳戶發布至商店。

優勢：無需重寫程式碼、自動支援多裝置適配、大幅縮短上架時間。