行動商務實務 - PhoneGap Basic

877 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
877
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
32
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

行動商務實務 - PhoneGap Basic

  1. 1. PhoneGap Basic2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢
  2. 2. 大綱 Phonegap 架構介紹 Phonegap 環境建置 第一個Phonegap App Phonegap Build2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 2
  3. 3. Phonegap 架構介紹2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 3
  4. 4. Phonegap 架構介紹2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 4
  5. 5. Phonegap 架構介紹 Phonegap  本身實作瀏覽器,建立網頁程式碼與手機層串 接的橋接介面。  本身是原生碼開發,提供對應網頁的JavaScript API 呼叫介面。  先天Plugin 設計,Phonegap本身裝置API 皆為 Plugin設計。  官方已經提供Qrcode Scanner外掛。2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 5
  6. 6. Phonegap 環境建置- Cordova Download http://phonegap.com 版本: 2.2.0 以Android 環境為主,備好 Android手機。 備好 專用的USB連接線2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 6
  7. 7. Phonegap – 建立新專案2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 7
  8. 8. Phonegap – 建立新專案2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 8
  9. 9. Phonegap – 建立新專案2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 9
  10. 10. Phonegap – 建立新專案2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 10
  11. 11. Phonegap – 建立新專案2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 11
  12. 12. Phonegap – 建立新專案2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 12
  13. 13. Phonegap – 設定Phonegap 建立 libs 目錄 與 assets/www目錄2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 13
  14. 14. Phonegap – 設定Phonegap 解開Phoengap 到目錄下 libandroid 複製 cordova-2.2.0.js 到 assets/www下 複製 cordova-2.2.0.jar 到 libs下2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 14
  15. 15. Phonegap – 設定Phonegap2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 15
  16. 16. Phonegap – 設定Phonegap 複製 xml目錄的內容 到 專案的 /res下2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 16
  17. 17. Phonegap – 設定Phonegap 將 cordova-2.1.0.jar 加入 倒 Build Path下2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 17
  18. 18. Phonegap – 設定Phonegap2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 18
  19. 19. Phonegap – 設定Phonegap 修改主程式2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 19
  20. 20. Phonegap – 設定Phonegap2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 20
  21. 21. Phonegap – 設定Phonegap 開啟 AndroidManifest.xml2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 21
  22. 22. Phonegap – 設定Phonegap  貼上 裝置設定參數phonegap-phonegap-2.1.0-0-g26d211bphonegap-phonegap-26d211blibandroidexampleAndroidManifest.xml 2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 22
  23. 23. Phonegap – 設定Phonegap 加入裝置轉向事件設定2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 23
  24. 24. Phonegap – 設定Phonegap 在assets/www目錄下新增 index.html2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 24
  25. 25. Phonegap – 設定Phonegap 將範例檔案複製到專案中2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 25
  26. 26. Phonegap – 設定Phonegap 執行模擬器2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 26
  27. 27. 第一個Phonegap App 製作APK安裝檔 預設測試用簽章 製作個人用正式簽章  簽章有效期,請至少30年以上。2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 27
  28. 28. 第一個Phonegap App 預設測試用簽章2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 28
  29. 29. 第一個Phonegap App 製作正式簽章 工具 KeyStore Explorer  http://www.lazgosoftware.com/kse/index.html2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 29
  30. 30. 第一個Phonegap App 建立 JAVA KEY STORE2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 30
  31. 31. 第一個Phonegap App2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 31
  32. 32. 第一個Phonegap App 設定簽章資料2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 32
  33. 33. 第一個Phonegap App 命名之後辨認的別名2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 33
  34. 34. 第一個Phonegap App 儲存,請加上附檔名 .keystore2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 34
  35. 35. 第一個Phonegap App 利用eclipse外掛指定製作的簽章製作APK2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 35
  36. 36. 第一個Phonegap App2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 36
  37. 37. 第一個Phonegap App2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 37
  38. 38. 第一個Phonegap App 測試用簽章有30天的有效期 請勿使用測試簽章正式上架 上架用途,請慎重製作正式簽章。 日後版本更新升級,會檢核簽章是否一致。  檢核是由Android 系統進行2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 38
  39. 39. Phonegap Build https://build.phonegap.com 支援6大平台 不需要MacOSX即可開發iOS APP iOS平台需要開發者簽章 開發一次,同時完成6大手機平台APP。2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 39

×