真機測試自己ios版本的phonegap應用

1 準備一臺mac電腦
 
2 申請蘋果開發者賬戶 (需要一定的週期  $99)
    
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應用商店的發佈流程:

現在正在搞,很着急的事











  
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章