使用Cordova进行iOS开发 (环境配置及基本用法)

安装Cordova CLI

dsadaskjhfkjsadhfkljsadhsdlkj

node.js

。

![](

{96D32B4A-B807-48DD-82B8-B3811D03552E}.png

1. cordova的安装:

• 1.1 安装cordova需要先安装node.js。
  
• 1.2 如果你没有安装git client，需要下载并安装一个git客户端。
  
• 1.3 使用node.js的依赖包管理工具npm来进行cordova安装。
  打开终端输入如下命令：

 sudo npm install -g cordova

*显示上面的内容说明cordova环境安装成功了*

2.创建cordova的项目

• 2.1 新建一个cordova的项目
  打开终端输入如下命令，该命令可能需要一些时间来完成：

 cordova create hello com.example.hello HelloWorld [--template templatePath]

Parameter	Description	Notes
hello参数是必填	将为你的项目生成一个hello目录	www子目录是应用程序的主页，以及各种资源(css,js,img)，遵循共同的web开发文件命名规范。这些资源将存储在设备上的本地文件系统，而不是远程服务。config.xml文件包含重要的需要生成和分发应用程序的元数据。
com.example.hello 参数可选	App ID	如果不填写这个参数，第三个参数就要省略，默认值是 io.cordova.hellocordova，但建议你填写一个适当的值。
HelloWorld参数可选	应用程序的项目名	这个参数的默认值是 HelloCordova，但建议你填写一个适当的值。
[--template templatePath] 参数可选，一般不填写	使用模板创建一个项目。	所有文件和文件夹的模板将被复制到新的项目。平台和插件可能包含在一个模板。这个参数是可选的。模板的路径可以是一个本地路径，NPM模块或Git URL。

• 2.2 添加平台
  所有后续命令需要在项目的目录中运行，其范围内或任何子目录：

cd hello

在构建项目之前,您需要指定一组目标平台。你能够运行这些命令取决于您的机器是否支持每一个SDK,和你是否已经安装SDK。从Mac运行这些：

cordova platform add ios

*显示上面的内容就完成一个项目的创建操作*

• 迭代项目 在hello目录中运行下面的命令来构建项目：

cordova build

或 指定生成iOS平台的代码项目:

cordova platform add ios

3. cordova项目开发

• 3.1 cordova默认使用的 index.html 文件说明
  打开路径中Xcode工程：

/Users/iwevon/Cordova/hello/platforms/ios/HelloWorld.xcodeproj

为了避免混淆，移除(Remove References) 两个文件/文件夹的引用

上图文件是cordova默认使用的 indecx.html 文件

• 3.2 Events Cordova生命周期事件
  • deviceready 当Cordova加载完成会触发
    将index.html中的文本替换成如下文本：

运行结果：

• pause 当应用程序进入到后台会触发
  resumes 应用程序从后台进入到前台会触发
  将index.html中的文本替换成如下文本：

打开Safari，使用开发调试查看运行结果：

3.3 Plugin APIs

• cordova-plugin-console Cordova Console Plugin
• 1> 安装

cordova plugin add cordova-plugin-console

显示上面的内容说明console插件安装成功了

• 2>示例
  将index.html中的文本替换成如下文本：

    
        
        
        
        
    
    
        



            
consoleLog

            
consoleError

            
consoleException

            
consoleWarn

            
consoleInfo

            
 consoleDebug

            
consoleAssert

            
 consoleDir

            
 consoleDirxml

            
consoleTime

            
consoleTimeEnd

            
consoleTable

        
        

运行结果：

Safari+Xcode+Simulator运行结果