初识Cordova

最新推荐文章于 2024-12-23 17:20:12 发布

原创最新推荐文章于 2024-12-23 17:20:12 发布 · 575 阅读

0 ·

CC 4.0 BY-SA版权

Cordova 专栏收录该内容

5 篇文章

订阅专栏

一.根据官方创建模板工程
1.环境搭建

cordova的安装:
a.安装cordova需要先安装node.js。
安装命令：

brew install node

b.安装cordova命令：

sudo npm install–g cordova

2创建模板
创建一个叫CordovaDemo的iOS工程命令：

cordova create cordovaDemo com.example.cordovaDemo CordovaDemo

参数说明
cordovaDemo：项目文件夹
com.example.cordovaDemo：参数可选 App ID 如果不填写这个参数，第三个参数就要省略，默认值是io.cordova.hellocordova，但建议你填写一个适当的值。
CordovaDemo：应用程序项目名。

以上就可以直接创建cordova模板工程。

3.添加平台

cordova platform add ios

二.在环境搭建完的条件下，在原有工程中加入cordova。

1.创建项目为Demo，目录结构如下:
这里写图片描述

2.拷贝Cordova相关文件（CordovaLib、platform、www、cordova）到Demo目录下，拷贝后目录结构如下
这里写图片描述

3.将CordovaLib.xcodeproj添加到Demo工程中，右键选择Add Files To Demo
这里写图片描述

4.添加www目录到工程中，记得是勾选Create folder references，非常重要，不是创建文件夹，否则项目运行时会找不到www/index.html文件
类似下图中的folders勾选地方，不是第一个框。
这里写图片描述

5.按步骤三从cordova模板目录下添加config.xml到工程中，目录结构如下
这里写图片描述

6.选择工程的Build Settings->Other Links, 设置-Objc -all_load

这里写图片描述

7.选择Build Phases->New Run Script Phase，将新增New Run Script Phase命名为copy www directory

这里写图片描述

8.Build Phases->Target Dependencies添加CordovaLib

9.Link Binary With Librarys添加libCordova.a, MobileCoreServices,AssetsLibrary

这里写图片描述

以上转自：http://www.2cto.com/kf/201502/376971.html

三.使用pod管理Cordova
新建一个空的项目，暂且名目为CordovaPodDemo，创建PodFile文件，然后进行pod install。

target ‘CordovaPodDemo’ do
platform :ios, “8.0”

    pod 'Cordova'
end

如果需要引入一些相关的插件，可以加入如下配置，下面的这些插件可以通过pod搜索到：

pod 'CordovaPlugin-console'
    pod 'cordova-plugin-camera'
    pod 'cordova-plugin-contacts'
    pod 'cordova-plugin-device'
    pod 'cordova-plugin-device-orientation'
    pod 'cordova-plugin-device-motion'
    pod 'cordova-plugin-globalization'
    pod 'cordova-plugin-geolocation'
    pod 'cordova-plugin-file'
    pod 'cordova-plugin-media-capture'
    pod 'cordova-plugin-network-information'
    pod 'cordova-plugin-splashscreen'
    pod 'cordova-plugin-inappbrowser'
    pod 'cordova-plugin-file-transfer'
    pod 'cordova-plugin-statusbar'
    pod 'cordova-plugin-vibration'