真機測試自己ios版本的phonegap應用
1 準備一臺mac電腦
2 申請蘋果開發者賬戶 (需要一定的週期 $99)
3
3.1 devlpment證書(開發證書用於真機調試)
distributor證書(發佈證書)
在鑰匙串管理中 向中級證書頒發機構申請 .cer證書 ,在生成開發證書的時候需要上傳該證書。
生成證書,並下載安裝。
此時可以在鑰匙串管理中看到自己的證書 (正確的證書,子目錄有專用密鑰。可以導出.p12文件,phoneGap 在線build的 時候需要提供)
3.2 申請appid (可以做匹配)
3.3 綁定設備列表 (上傳要測試設備的名稱)
3.4 生成配置文件
需要選擇 開發證書和appid ,真機測試的時候需要選擇設備。
生成並下載配置文件。
3.5 通過phoneGap build在線打包 ,生成.ipa(需要上傳開發這書的.p12文件 以及 配置文件)
3.5 真機測試
通過xcode-->window-->devices-->選擇連上的測試設備, 管理設備的配置文件,將配置文件拷貝到該設備。安裝.ipa到設備就可以在真機上測試了。
================
通過phonegap的CLI工具可以動態的生成 xcode項目文件,通過xcode打開項目,可以再模擬器上運行。
=============
ios7+以上的statusbar狀態欄問題完美解決方案
var device=device||{};
function onDeviceReady() {
if(device.platform=="iOS"&&parseInt(device.version)>=7){
$(".wgg_header").css("border-top","20px solid #FFF");//固定的header的時候可以這樣設置,但是僅僅這樣是不行的
//在啓動程序的時候又明顯的抖動,這時候可以通過延長
//splash來解決
//解決加載之後ios抖動一下的問題 延時2s 隱藏
setTimeout(navigator.splashscreen.hide(),2000);//加載完成之後,隱藏splashscreen
}else{
navigator.splashscreen.hide();
}
}
document.addEventListener('deviceready', onDeviceReady, false);
需要設置splash不自動隱藏,在config.xml中:
<preference name="auto-hide-splash-screen" value="false" /> <!-- ios: if set to false, the splash screen must be hidden using a JavaScript API -->
ios打包有黑邊的問題需要配置:
<preference name="fullscreen" value="true" /> <!-- all: hides the status bar at the top of the screen -->
<preference name="webviewbounce" value="false" /> <!-- ios: control whether the screen 'bounces' when scrolled beyond the top -->
============================================
ios應用商店的發佈流程:
現在正在搞,很着急的事
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.