您的位置:首页 > 移动开发 > IOS开发

真机测试自己ios版本的phonegap应用

2014-11-05 17:48 295 查看
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应用商店的发布流程:

现在正在搞,很着急的事
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: