2015年12月15日 星期二
ZIP解壓縮上傳，製作apk
ZIP解壓縮上傳，製作apk
作者：廣利
做好keystore檔案之後，接著就將你用HTML5+jQuery寫出來的網站給用ZIP壓縮，這時，大家最好去下載個7-ZIP之類的免費自由軟體，就可以把網站一次壓縮成ZIP，壓縮前最好還是先用模擬器快速預覽一下。
預覽手機模式沒錯，就可以將所有網站內容，一次用ZIP打包全部帶走。
PhoneGap對於網站之類的壓縮檔，它只認識一個叫index.html的首頁，所以網站的首頁一定要是index.html，這點很重要。
廣利的800heroes網站資料夾，所有檔案內容
做成zip壓縮檔，直接將所有檔案壓縮就好，不用裝進資料夾再壓縮，這樣PhoneGap才讀的到內容，這也是很重要的一點。
壓縮檔上傳後，PhoneGap網站會自動讀取，製作成apk，上傳後的apk就直接產生在網站裡，我們選到Android那個項目，下載即可。
結果下載完傳到Google Play之後會有人發現，怎麼Google Play一直說套件名稱相同呢？我之前玩到這也是一頭霧水，失敗不下20次，想說為什麼套件名稱相同，又跑去翻很難的PhoneGap的書，發現倒是PackAgeName的網址問題？
那怎麼辦，我們又要用很難的方法重新改一次嗎？
答案是不用，因為我們只要到PhoneGap網站的後台，設定一下就好了，設定也是有竅門的，不然會失敗很多次，還以為是自己方法錯了呢！
到這還沒結束，還有下面，回到剛剛上傳成功apk的畫面，點選Setting第四個 選項
下圖，往下看Setting第四個選項，請點選
繼續往下拉，在最下面，修改這行
我把package的部分做個修改，如果這裡沒修改留下空白的話，PhoneGap就會用它自己的預設值。
用keystore簽署完傳到Google Play會顯示錯誤，PhoneGap它自己的package預設值是com.phonegap.www，這傳到Google Play是行不通的，不管傳多少次都會被Google Play打槍回來，說你的套件名稱「com.phonegap.www」Error，錯誤。
當然，取的話自定義也是有技巧的，像我「八百壯士上官志標」這個package的自定義package，我就取com.heroes800jz2015y
它可以兩層或三層
兩層是
com.xxxxxxxxx
三層是
com.xxxxxxxxx.yyyyyyyy
像我剛剛上面那個是兩層的取法，想辦法，直到取到不重複即可，再按下Save
成功的話PhoneGap網站會說：Your new add to XML is update for success.
這樣再Rebuild一次、keystore解鎖再另外Rebuild一次，你的Android就可以下載了。
你Rebuild完兩次之後，再從PhoneGap的網站下載Android的apk，這時你的apk就可以成功的上傳到Google Play囉！
作者：廣利
做好keystore檔案之後，接著就將你用HTML5+jQuery寫出來的網站給用ZIP壓縮，這時，大家最好去下載個7-ZIP之類的免費自由軟體，就可以把網站一次壓縮成ZIP，壓縮前最好還是先用模擬器快速預覽一下。
Opera Mobile Emulator
PhoneGap對於網站之類的壓縮檔，它只認識一個叫index.html的首頁，所以網站的首頁一定要是index.html，這點很重要。
廣利的800heroes網站資料夾，所有檔案內容
做成zip壓縮檔，直接將所有檔案壓縮就好，不用裝進資料夾再壓縮，這樣PhoneGap才讀的到內容，這也是很重要的一點。
壓縮檔上傳後，PhoneGap網站會自動讀取，製作成apk，上傳後的apk就直接產生在網站裡，我們選到Android那個項目，下載即可。
結果下載完傳到Google Play之後會有人發現，怎麼Google Play一直說套件名稱相同呢？我之前玩到這也是一頭霧水，失敗不下20次，想說為什麼套件名稱相同，又跑去翻很難的PhoneGap的書，發現倒是PackAgeName的網址問題？
那怎麼辦，我們又要用很難的方法重新改一次嗎？
答案是不用，因為我們只要到PhoneGap網站的後台，設定一下就好了，設定也是有竅門的，不然會失敗很多次，還以為是自己方法錯了呢！
到這還沒結束，還有下面，回到剛剛上傳成功apk的畫面，點選Setting第四個 選項
下圖，往下看Setting第四個選項，請點選
繼續往下拉，在最下面，修改這行
我把package的部分做個修改，如果這裡沒修改留下空白的話，PhoneGap就會用它自己的預設值。
用keystore簽署完傳到Google Play會顯示錯誤，PhoneGap它自己的package預設值是com.phonegap.www，這傳到Google Play是行不通的，不管傳多少次都會被Google Play打槍回來，說你的套件名稱「com.phonegap.www」Error，錯誤。
當然，取的話自定義也是有技巧的，像我「八百壯士上官志標」這個package的自定義package，我就取com.heroes800jz2015y
它可以兩層或三層
兩層是
com.xxxxxxxxx
三層是
com.xxxxxxxxx.yyyyyyyy
像我剛剛上面那個是兩層的取法，想辦法，直到取到不重複即可，再按下Save
成功的話PhoneGap網站會說：Your new add to XML is update for success.
這樣再Rebuild一次、keystore解鎖再另外Rebuild一次，你的Android就可以下載了。
你Rebuild完兩次之後，再從PhoneGap的網站下載Android的apk，這時你的apk就可以成功的上傳到Google Play囉！
apk與keystore檔案，進行簽署
apk與keystore檔案，進行簽署
作者：廣利
經過數十次的爬文，我apk上傳到Google Play失敗過很多次，但透過棄而不捨、夙夜匪懈、廢寢忘食的心血，終於找出了一套很傻瓜的方法，這方法幾乎按部就班，不需要高深的學問與技術，就能學會。成功率高、失敗低，而且可以成功用keystore副檔名與apk做簽署。
我發掘這方法很適合我，我也不吝嗇的跟大家分享，希望大家在數位技術的領域中共同精進。
首先我要跟大家分享的是，關於一個用很簡單的傻瓜方法，也可以將你隨手寫好的HTML5+jQuery製作而成的網頁，封裝成為apk，並且擁有keystore檔案認證，可是成功放到Google Play
在此，先跟大家分享一個很簡單的模擬器，他幾乎不需要太大的安裝、不佔用什麼空間，很簡單開啟就能操作的，它可以很快的透過模擬畫面，讓你了解到HTML5+jQuery後的APP製作成果。
這個模擬器叫Opera Mobile Emulator
Opera Mobile Emulator
接著進入要點，寫好的HTML5+jQuery網頁，要如何快速產生apk呢？
這裡，我們就得利用PhoneGap，但我們不用大費周章的把整個PhoneGap都安裝到好，這很浪費時間，也要花很多功夫與時間，去摸那個步驟。
說到PhoneGap，在兩年前就被Adobe這個大公司給買下了，說到Adobe這了不起的大公司，很快的就在推新的CS版Adobe的時候，與PhoneGap做了一個很巧妙的整合。
說穿了，我們只要利用到一個PhoneGap的網站，就能輕輕鬆鬆的將網頁檔上傳，做成一個基礎的apk。
這個PhoneGap的網站，可以很方便的用Adobe的帳號做登入，如果你自己有Adobe帳號的話，就可以用Adobe的帳號登入到PhoneGap的網站。
PhoneGap的網站網址：http://build.phonegap.com
有簽署的APK跟簽署檔案 / Signed APK and keystore
用PhoneGap Build製作可以安裝在Android上的應用程式套件檔案：APK，是一件很簡單的事情。但這樣只能作出偵錯用的APK (debug version)，而不是發佈版本的APK (release version)，只有可發佈版本的APK才能上架到Google Play。
要讓APK從偵錯版本變成發佈版本，也就是讓它變成有簽署的APK，則必須加入簽署檔案(keystore)。這個簽署檔案可以在自己的電腦上產生，只需要安裝JDK環境即可。
以下內容我分成二個階段來介紹：先在本機段製作簽署檔案，然後再到PhoneGap Build中上傳簽署檔案並解密。
1-1. 下載與安裝JDK / Download and install JDK
要製作簽署檔案必須要有JDK的環境。Java Development Kit下載位置是http://www.java.com/en/download/index.jsp
至於安裝與配置方式就跟一般的Java安裝一樣。
1-2.下載並執行keystore產生器
這裡有個keystore產生器的bat批次檔，我們只要下載好運行，照著回答就好，這樣，就不用死被一些繁雜的指令了。
keystore產生器
http://yunpan.cn/c3bIbm2LIxNgp 訪問密碼 e505
下圖，執行keytool
Enter The alias name:johnson111(隨便取這是設定給alias的)
輸入keystore密碼：(密碼不顯示，輸入後按下Enter)
再次輸入新密碼：跟上面的一樣
您的名字與姓氏是什麼？
[Unknown]：mikejohn
您的組織單位名稱是什麼？
[Unknown]：mikejohn.pixnet.net
您的組織名稱是什麼？
[Unknown]：mikejohn.pixnet.net
您所在的城市或區域名稱是什麼？
[Unknown]：Taipei
您所在的州或省份名稱是什麼？
[Unknown]：Taiwan
該單位的兩字母國家代碼是什麼
[Unknown]：TW
TW=johnson111, OU=mikejohn.pixnet.net, O=mikejohn.pixnet.net, L=Taipei,ST=Taiwan, C=TW正確嗎？
[否]：Y
輸入<johnson111.keystore>的主密碼
(如果和keystore密碼相同，按下Enter)
成功後會在與keytool同一目錄的檔案下，產生keystore檔案，如果你的keytool放在DownLoad資料夾，keystore就產生在DownLoad資料夾；
如果你的keytool放在桌面，你的keystore檔案就會產生在桌面。
1-3.將產生的keystore檔案上傳到Edit account
下圖，先登入PhoneGap網站，再將你的keystore檔案上傳到Edit account
記住，上傳後你的keystore檔案還是鎖起來的，每次要重新ReBuild你的後台app的時候，都要先按下黃色的鎖，輸入1-2設定的數位簽署密碼，把keystore檔案打開。
以我其中的一個800heroes命名的keystore為例
下圖，先輸入密碼
下圖，成功解鎖後，解開的keystore會反白
用PhoneGap Build製作可以安裝在Android上的應用程式套件檔案：APK，是一件很簡單的事情。但這樣只能作出偵錯用的APK (debug version)，而不是發佈版本的APK (release version)，只有可發佈版本的APK才能上架到Google Play。
要讓APK從偵錯版本變成發佈版本，也就是讓它變成有簽署的APK，則必須加入簽署檔案(keystore)。這個簽署檔案可以在自己的電腦上產生，只需要安裝JDK環境即可。
以下內容我分成二個階段來介紹：先在本機段製作簽署檔案，然後再到PhoneGap Build中上傳簽署檔案並解密。
1-1. 下載與安裝JDK / Download and install JDK
要製作簽署檔案必須要有JDK的環境。Java Development Kit下載位置是http://www.java.com/en/download/index.jsp
至於安裝與配置方式就跟一般的Java安裝一樣。
1-2.下載並執行keystore產生器
這裡有個keystore產生器的bat批次檔，我們只要下載好運行，照著回答就好，這樣，就不用死被一些繁雜的指令了。
keystore產生器
http://yunpan.cn/c3bIbm2LIxNgp 訪問密碼 e505
下圖，執行keytool
Enter The alias name:johnson111(隨便取這是設定給alias的)
輸入keystore密碼：(密碼不顯示，輸入後按下Enter)
再次輸入新密碼：跟上面的一樣
您的名字與姓氏是什麼？
[Unknown]：mikejohn
您的組織單位名稱是什麼？
[Unknown]：mikejohn.pixnet.net
您的組織名稱是什麼？
[Unknown]：mikejohn.pixnet.net
您所在的城市或區域名稱是什麼？
[Unknown]：Taipei
您所在的州或省份名稱是什麼？
[Unknown]：Taiwan
該單位的兩字母國家代碼是什麼
[Unknown]：TW
TW=johnson111, OU=mikejohn.pixnet.net, O=mikejohn.pixnet.net, L=Taipei,ST=Taiwan, C=TW正確嗎？
[否]：Y
輸入<johnson111.keystore>的主密碼
(如果和keystore密碼相同，按下Enter)
成功後會在與keytool同一目錄的檔案下，產生keystore檔案，如果你的keytool放在DownLoad資料夾，keystore就產生在DownLoad資料夾；
如果你的keytool放在桌面，你的keystore檔案就會產生在桌面。
1-3.將產生的keystore檔案上傳到Edit account
下圖，先登入PhoneGap網站，再將你的keystore檔案上傳到Edit account
記住，上傳後你的keystore檔案還是鎖起來的，每次要重新ReBuild你的後台app的時候，都要先按下黃色的鎖，輸入1-2設定的數位簽署密碼，把keystore檔案打開。
以我其中的一個800heroes命名的keystore為例
下圖，先輸入密碼
下圖，成功解鎖後，解開的keystore會反白
訂閱：
文章 (Atom)
