真机测试自己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应用商店的发布流程:

现在正在搞，很着急的事