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

Cordova 搭建IOS开发环境-console日志调试

2018-01-27 21:37 323 查看
注意:IOS开发环境只能在MAC系统上搭建。

1.安装 Node.js
Cordova需要Node.js环境,访问https://nodejs.org 下载安装, LTS版本即可,不要最新版。

2.安装 Cordova
执行下述命令把Cordova做为全局模块安装,可在任何目录执行。
$ sudo npm install -g cordova

3.安装 XCode
XCode是Apple提供的开发工具,一般MAC系统都默认安装好了。如无或需要更新,请到MAC的App Store去下载或更新。

4.安装ios调试和部署支持模块
$ sudo npm install -g ios-sim   //for 模拟器
$ sudo npm install --unsafe-perm=true -g ios-deploy  //for 真机

5.检查所有需要安装的模块是否都已经安装
$ cordova requirements
如有需要的模块未安装则会打印醒目的红色提示。

6.创建APP工程
$ cordova create hello com.xbrother.hello HelloWorld

hello: 工程存放的路径名
com.xbrother.hello:  ios app的bundle id, 要用这种反域名格式,并且要和之后提供的Provision File 匹配
HelloWorld: 项目称

以下的命令需要转到hello目录去执行。

7.添加IOS 平台
$ cordova platform add ios –save

8.添加console插件,让JS的console.log可以输出
$ cd hello
$ cordova plugin add cordova-plugin-console

8.为模拟器编译,运行
$ cordova build ios
$ cordova emulate ios

9.真机的编译调试部署需要开发者帐号,并且生成合法的Provision File, 这一步的内容请参阅苹果的文档http://developer.apple.com,有详细描述。 

10.把下载的Provision File 放到 ~/Library/MobileDevice/Provisioning 目录

Provisioning Profiles 文件夹cd进不去,可以用open在finder中显示

11.用文本工具打开Provision File, 找到UUID部分并记下;

12.在hello目录创建 build.json 文件,内容如下:
{
     "ios": {
         "debug": {
            
"codeSignIdentity": "iPhone Development",
                
"provisioningProfile": "d2769690-9890-40c0-a3b9-6fddec449aa8" 
         },
         "release": {
            
"codeSignIdentity": "iPhone Distribution",
            
"provisioningProfile": ""
         }
     }
}
用在上一步记录的UUID替换文中的部分。

13.先用命令行编译一遍
$ cordova build --device ios

14.把iPhone用USB连接到电脑;

15.用XCode 打开hello/platforms/ios/HelloWorld.xcodeproj 工程文件,点击运行按钮即可。调试窗口就可以看到console.log的输出。
如图:

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