app studio

40
利用Windows Phone App Studio不用程式碼建立一個APP 上架 董是明 Shih-Ming, Tung [email protected]

Upload: shih-ming-tung

Post on 13-Jul-2015

258 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: App studio

利用Windows Phone App Studio不用程式碼建立一個APP

上架

董是明 Shih-Ming, Tung

[email protected]

Page 2: App studio

Agenda

• App Studio 介紹

• 註冊Windows Phone Dev Center

• APP上架

Page 3: App studio

App Studio介紹

Page 5: App studio

App Studio本身內建許多Template

當然也可以從頭建立空白專案(本範例)

Page 6: App studio

設定APP的Title、Description以及Logo(160*160 PNG格式)

Page 7: App studio

按下加號鈕新增一個Section

Page 8: App studio

可以根據需求選擇適合的資料來源,本範例以RSS為例

Page 9: App studio

先修改RSS來源

Page 10: App studio

輸入RSS位置後按下Refresh鈕會出現相關資料

Page 11: App studio

如果RSS設定正確再右方模擬器中會出現預覽,接著再點擊Section方塊進行頁面資訊的修改

Page 12: App studio

Layout地方可以選擇想要的排版方式,Content則可以修改欲繫結的欄位

Page 13: App studio

修改APP的相關style,也可以針對動態磚、起始與鎖定畫面進行修改

Page 14: App studio

此APP的相關資訊會在此呈現,確認沒問題後按下Generate鈕就會自動產生相關檔案

Page 15: App studio

完成後可以掃描QR Code安裝此APP(需先安裝好憑證),也可以下載Source Code或XAP檔

Page 16: App studio

將下載回來的Source Code用Visual Studio 2012打開,然後先復原使用到的相關NuGet套件

*VS2012需安裝Windows Phone SDK 8.0才能開啟WP專案

Page 17: App studio

按下Restore鈕下載復原相關套件

Page 18: App studio

完成後可以看到使用到的相關套件

Page 19: App studio

打開Properties底下的WMAppManifest.xml,設定好APP語言(預設是English)

Page 20: App studio

利用下拉選單改成Release後再進行Build

Page 21: App studio

Build完成後會在底下路徑產生XAP檔

專案路徑\WP8App\Bin\Release

Page 22: App studio

註冊Windows Phone Dev Center

Page 24: App studio

填寫國家與帳戶類型

Page 25: App studio

填寫帳戶相關資訊與發行者名稱(不可重複)

Page 26: App studio

選擇付款方式,第一個是付費購買,第二則是學生透過DreamSpark認證註冊,第三個則是輸入Promo Code(例如MSDN訂閱可以取得…)

Page 27: App studio

擁有MSDN訂閱可以從https://msdn.microsoft.com/subscriptions/manage/上取得Promo Code

Page 28: App studio

註冊完成

Page 29: App studio

APP上架

Page 31: App studio

Submit app有兩個步驟是必要的,首先先設定App的相關資訊

Page 32: App studio

設定APP別名、分類、價格、要上架的國家(注意一些特殊國家規定)

Page 33: App studio

接著進入第二步上傳XAP檔以及描述相關資訊

Page 34: App studio

上傳剛才編譯好的XAP檔

Page 35: App studio

XAP檔上傳後會顯示相關資訊

Page 36: App studio

這裡填寫APP的描述與輸入在Store中搜尋的關鍵字

Page 37: App studio

上傳APP的icon(300 * 300)以及一到八張的APP截圖(建議用模擬器截)

Page 38: App studio

模擬器截圖方式

Page 39: App studio

最後Review一下APP資訊,沒有問題就可以Submit