前言

現(xiàn)在做項目為了節(jié)約成功，適配多平臺 cordova不為是一個很好的選擇。個人覺得以后也許是一個趨勢！像一些知名的APP  比如支付寶  淘寶 好多都大量集成了HTML5 頁面！像我們公司現(xiàn)在的APP 大多都是h5頁面 感覺原生都沒什么事情做了。可想而知學(xué)習(xí)cordova的重要性！

簡介

Cordova提供了一組設(shè)備相關(guān)的API，通過這組API，移動應(yīng)用能夠以JavaScript訪問原生的設(shè)備功能，如攝像頭、麥克風(fēng)等。Cordova還提供了一組統(tǒng)一的JavaScript類庫，以及為這些類庫所用的設(shè)備相關(guān)的原生后臺代碼。Cordova支持如下移動操作系統(tǒng)：iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。

入門第一步：下載資源庫并集成到項目中來

去下載cordova 庫的源碼 可以去github上下載 也可以去官網(wǎng)下載。其實官網(wǎng)上的代碼也是放到github上的！

官方網(wǎng)站：http://cordova.apache.org/

github資源下載地址：https://github.com/apache/cordova-ios   

本地下載地址：http://xiazai.jb51.net/201711/yuanma/cordova-ios(jb51.net).rar

使用 CocoaPods進(jìn)行第三方庫的管理 我之前用的是cordova3.8.0 前幾天不久更新到了4.0.1 。 4.0.1 只支持8.0以上  以下的你用CocoaPods 更新會提示錯誤！注意一下就可以了！

platform :ios, '8.0'

pod 'Cordova', '~> 4.0.1'

入門第二步：如何在項目中正確的集成 cordova4.0.1 庫

1. 配置 Config.xml   很重要

Config.xml is a global configuration file that controls many aspects of a cordova application's behavior. This platform-agnostic XML file is arranged based on the specification, and extended to specify core Cordova API features, plugins, and platform-specific settings.For projects created with the Cordova CLI (described in The Command-Line Interface), this file can be found in the top-level directory:

大致意思就是: config.xml 是一個全局配置文件，控制一個cordova應(yīng)用行為的許多方面。這種平臺無關(guān)的XML文件是基于w3c'spackaged Web應(yīng)用程序設(shè)置（widgets）規(guī)范，并擴(kuò)展到指定核心cordovaAPI功能，插件和平臺的具體設(shè)置。與科爾多瓦CLI創(chuàng)建的項目（描述在命令行界面)

http://cordova.apache.org/docs/en/6.x/config_ref/index.html 官方詳解

2. 顯示html5頁面需要一個容器 在這里使用CDVViewController類 進(jìn)行html5的顯示以及控制 當(dāng)然也可以自定義一個容器繼承CDVViewController類做一些定制功能。

如何使用如下:

self.cordovaManageVC= [[CordovaManageVCalloc]init];

self.cordovaManageVC.startPage=@"http://www.baidu.com";

[self.navigationControllerpushViewController:self.cordovaManageVCanimated:YES];

3. 設(shè)置用戶代理

- (instancetype)init {

self= [superinit];

if(self!=nil) {

//設(shè)置用戶代理 如不設(shè)置無法調(diào)用與H5定制的JavaScript方法進(jìn)行交互

NSString* original = [CDVUserAgentUtiloriginalUserAgent];

NSString* userAgent = [originalstringByAppendingString:@"delegateUserName"];

self.baseUserAgent= userAgent;

}

returnself;

}

4. 自定義插件 需要使用到 cordova的CDVPlugin類 用子類來集成CDVPlugin 

/**

*返回控件

*

*@param command

*/

- (void)back:(CDVInvokedUrlCommand*)command;

定制完成之后需要在confing.xml 進(jìn)行配置 

以上就是cordova 最基本的用法了；

使用 Cordova 遇到的一些問題

問題一

問題

[Error: Failed to find 'ANDROID_HOME' environment variable. Try setting setting it manually. Failed to find 'android' command in your 'PATH'. Try update your 'PATH' to inclde path to valid SDK directory.]
ERROR building one of the platforms: Error: cmd: Command failed with exit code

解決辦法

ANDROID_HOME=D:\apps\Android\sdk
PATH=%PATH%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

問題二

問題

Error: Could not find an installed version of Gradle either in Android Studio,
or on your system to install the gradle wrapper. Please include gradle
in your path, or install Android Studio

解決辦法

從 https://services.gradle.org/distributions/ 下載最新gradle包并安裝。

ANDROID_HOME=/home/kongxx/Android/Sdk
GRADLE_HOME=/apps/gradle-3.2.1
PATH=$PATH:$ANDROID_HOME/tools/:$ANDROID_HOME/platform-tools:$GRADLE_HOME/bin

問題三

問題

使用 “cordova build android” 打包的時候報錯：Error: Could not find gradle wrapper within Android SDK.

$ cordova build android
CHCP plugin after prepare hook:
 config-file set to http://www.tjdr.info/EWT/chcp.json
ANDROID_HOME=/home/kongxx/Android/Sdk
JAVA_HOME=/opt/jdk8
Error: Could not find gradle wrapper within Android SDK. Might need to update your Android SDK.
Looked here: /home/kongxx/Android/Sdk/tools/templates/gradle/wrapper

解決辦法

查看了一下 /home/kongxx/Android/Sdk/tools/templates/gradle/wrapper 目錄，目錄確實不存在，于是檢查了一下 android-studio 環(huán)境，發(fā)現(xiàn)可以在 plugins/android/lib/templates 目錄下包括上面的內(nèi)容，于是，果斷copy之。

$ cp -rf android-studio/plugins/android/lib/templates /home/kongxx/Android/Sdk/tools/

問題四

問題

使用Cordova打包時報錯：Error: spawn EACCES

$ cordova build android
CHCP plugin after prepare hook:
 config-file set to http://www.tjdr.info/EWT/chcp.json
ANDROID_HOME=/home/kongxx/Android/Sdk
JAVA_HOME=/opt/jdk8
Subproject Path: CordovaLib
Error: spawn EACCES

解決辦法

sudo chmod -Rf 755 ~/Android

問題五

問題

在 cordova 中使用瀏覽器測試的時候，默認(rèn)啟動的是 google-chrome 瀏覽器，比如：

cordova run browser

解決辦法

可以使用 –target 來指定想使用的瀏覽器。

cordova run browser --target=opera
cordova run browser --target=firefox

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。