使用XDK發佈Construct 2專案到Android手機
•
0 likes•3,103 views
本簡報介紹如何使用Intel XDK將Construct 2專案封裝為Android APK檔 last updated: 2016.1.24
Recommended
More Related Content
Similar to 使用XDK發佈Construct 2專案到Android手機
Similar to 使用XDK發佈Construct 2專案到Android手機 (20)
More from 吳錫修 (ShyiShiou Wu)
More from 吳錫修 (ShyiShiou Wu) (20)
使用XDK發佈Construct 2專案到Android手機
- 1. 電子工程系應 用 電 子 組 電 腦 遊 戲 設 計 組 使用XDK發佈Construct 2專案到Android手機 吳錫修 Revised 2016.1.23
- 2. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 確認Construct 2專案已設定Full screen in browser File/Export project…，選取Web/HTML website 匯出Construct 2專案 1/4 2
- 3. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 設定輸出路徑 匯出Construct 2專案 2/4 3
- 4. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 指定樣板 匯出Construct 2專案 3/4 4
- 5. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 匯出的專案目錄內容 匯出Construct 2專案 4/4 5
- 6. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 下載：http://xdk-software.intel.com/ 安裝Intel XDK 1/7 6
- 7. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 執行下載的XDK安裝程式 (例如xdk_web_win_master_2893.exe) 安裝Intel XDK 2/7 7
- 8. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 指定安裝路徑，之後按Next按鈕繼續安裝作業 安裝Intel XDK 3/7 8
- 9. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 3rd-party元件安裝說明，按Next按鈕繼續安裝作業 安裝Intel XDK 4/7 9
- 10. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 確認安裝設定 安裝Intel XDK 5/7 10
- 11. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 開始安裝XDK 安裝Intel XDK 6/7 11
- 12. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 完成XDK安裝 安裝Intel XDK 7/7 12
- 13. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 執行Intel XDK，在起始畫面點選Sign Up建立註冊帳號 註冊XDK用戶帳號 1/3 13
- 14. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 個人姓名 Email 所在地 用戶名稱 密碼 註冊XDK用戶帳號 2/3 14
- 15. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 點選確認信函中的Conform email address連結 註冊XDK用戶帳號 3/3 15
- 16. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 手機必須安裝Intel App Preview 手機啟用USB debugging連線 4.2以上版本 設定/⼀般/關於裝置點擊版本號碼7次，進到開發者模式 設定/⼀般/開發人員選項勾選USB偵錯 其它版本 設定/應用程式/開發勾選USB偵錯 手機端準備作業 16
- 17. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 登入XDK 17
- 18. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 以「Import Your HTML5 Code Base」方式建立新專案 匯入Construct 2專案到XDK 1/5 18
- 19. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 設定專案名稱 匯入Construct 2專案到XDK 2/5 19
- 20. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 確認專案匯入結果，點擊「Continue」按鈕 匯入Construct 2專案到XDK 3/5 20
- 21. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 完成專案匯入作業 匯入Construct 2專案到XDK 4/5 21
- 22. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 匯入完成之專案內容 匯入Construct 2專案到XDK 5/5 22
- 23. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 點擊「EMULATE」頁籤，使用內建模擬器測試專案 使用XDK模擬測試 23
- 24. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 點擊「TEST」頁籤，上傳測試專案到XDK測試伺服器 透過XDK TEST SERVER實機測試 1/3 24
- 25. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 用手機掃描QR CODE 透過XDK TEST SERVER實機測試 2/3 25
- 26. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 按下確認按鈕即可連線測試 透過XDK TEST SERVER實機測試 3/3 26
- 27. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 點擊「DEBUG」頁籤 透過USB連線實機測試 1/4 27
- 28. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 以USB連接手機與PC 透過USB連線實機測試 2/4 28
- 29. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 點擊 在手機執行專案，點擊 停止執行 透過USB連線實機測試 3/4 29
- 30. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 點擊 以除錯模式執行 透過USB連線實機測試 4/4 30
- 31. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 點擊「PROFILE」頁籤，可檢測專案在手機運行狀況 檢測Construct 2專案在手機運行狀況 31
- 32. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 點擊「BUILD」頁籤，選取執行裝置，之後按下「Build」按鈕 使用XDK建立Construct 2專案APK 1/3 32
- 33. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 確認後按下「Build App Now」按鈕 使用XDK建立Construct 2專案APK 2/3 33 Wu, ShyiShiou
- 34. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 點擊「Download Build」按鈕，下載封裝完成的APK檔 使用XDK建立Construct 2專案APK 3/3 34 Wu, ShyiShiou
- 35. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 要正式發佈APK，必須使用個人的keystore進行簽章 我們可以使用APK Signer建立個人keystore，並對XDK所建立 Construct 2專案APK進行簽章作業 需要先安裝JDK及Android SDK 發佈APK 35
- 36. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 https://shatter-box.com/knowledgebase/android-apk-signing- tool-apk-signer/ 下載APK Signer 36
- 37. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 使用APK Signer建立個人keystore 1/3 37
- 38. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 使用APK Signer建立個人keystore 2/3 38
- 39. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 點擊Save as按鈕，指定keystore存檔路徑及檔名 使用APK Signer建立個人keystore 3/3 39
- 40. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 指定keystore及XDK封裝完成的APK檔 使用APK Signer簽章APK檔 1/2 40
- 41. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 按下「Sign!」按鈕 使用APK Signer簽章APK檔 2/2 41
- 42. shapethefuture 將簽章過的APK檔上傳到網站 編輯下載頁面 <html> <p><a href="demo.apk">My Super Game APK</a></p> <p>請先移除先前安裝之程式，再下載安裝</p> </html> 發佈APK到網站 42 Wu, ShyiShiou
- 43. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組 允許安裝除Play Store以外來源的應用程式 設定/⼀般/安全性勾選未知的來源 手機連線到網站下載安裝 43