Transcript
Page 1: Cordova 3, apps para android

Cordova 3, Apps HTML5 para AndroidJorge del Casar (a.k.a. )@JorgeCasar

Page 2: Cordova 3, apps para android

What's Apache Cordova?A platform for building native mobile applications using HTML, CSS and

JavaScript

An open-source mobile development framework

http://cordova.apache.org

Page 3: Cordova 3, apps para android

Apache Cordova 3.019 Jul 2013

Main release Notes:New (lighter) Core

New Command Line Tooling (Node.js based)

Release Plugman 0.11.0 (new plugin management)

Change <plugin> to <feature> in config.xml

Breakout Plugins into their own repos

Deprecate Froyo

Page 4: Cordova 3, apps para android

Apache Cordova 3.102 Oct 2013

Release notes:Initial (alpha) support for Firefox OS

Windows 8 support for CLI project

Unified whitelist syntax on iOS and Android

Documentation translated into several languages:

fr, zh, de, it, ja, ko, ru & es

Page 5: Cordova 3, apps para android

Apache Cordova 3.222 Nov 2013

Release notes:Bug fixes and enhancements

Fixing Android 4.4 (KitKat) related bugs

Unified whitelist syntax on iOS and Android

Page 6: Cordova 3, apps para android

Apache Cordova 3.3 RC106 Dec 2013

Release notes: when it shipsInstall or update Cordova and report issues

Release date: 20 Dec 2013

Page 7: Cordova 3, apps para android

CLI = Command Line Interface1. Install

2. Install Cordova package:

Node.js

sudo npm install -g cordova

Page 8: Cordova 3, apps para android

Createcordova create <PATH> [ID] [NAME]

Parameters:

PATH: directory to be generated for your project

ID: reverse domain-style identifier (optional)

NAME: application's display text (optional)

Page 9: Cordova 3, apps para android

Platform(s)cordova platform(s) [{add|remove|rm} <PLATFORM>]

Parameters:

PLATFORM: platform you want to add

android, blackberry10, firefoxos, ios, wp7, wp8, ...

Without parameters: list all installed and available platformsCheck and before add a platformPlatform Support Platform Guides Android

Page 10: Cordova 3, apps para android

Plugin(s)cordova plugin(s) [{add|remove|rm} <PATH|URI>]

Parameters:

PATH or URI: from where intall the plugin

Without parameters: list all currently installed pluginsYou can find a or Apache Cordova Plugin Create your own one

Page 11: Cordova 3, apps para android

Preparecordova prepare [<PLATFORM>]

Copies files for specified platforms, or all platforms, so that the project is

ready to build in each SDK

Page 12: Cordova 3, apps para android

Compilecordova compile [<PLATFORM>]

Builds the app for specified platforms, or all platforms

Page 13: Cordova 3, apps para android

Buildcordova build [<PLATFORM>]

Shortcut for , then prepare compile

Page 14: Cordova 3, apps para android

Emulatecordova emulate [<PLATFORM>]

Deploys app in specified (or all) platforms' emulator, opening emulator if

necessary

Page 15: Cordova 3, apps para android

Runcordova run [<PLATFORM>]

Deploys app on specified (or all) platform devices, which must be properly

connected and configured in each SDK

Page 16: Cordova 3, apps para android

Platform Support

Page 17: Cordova 3, apps para android

Core: The main platformssupported

Android

BlackBerry

iOS

Windows Phone

Windows 8

Page 18: Cordova 3, apps para android

Horizon: next platforms tobecome core

Tizen

Qt

Firefox OS

Ubuntu Mobile (Qt)

Windows (Win32)

Page 19: Cordova 3, apps para android

Sunset: not distribution anymoreSymbian

webOS

Bada

Page 20: Cordova 3, apps para android

Core Features:

Supported: Android, BlackBerry 10, iOS, WP7 and WP8

:

Supported: Android and iOS

:

Supported: Android, BlackBerry 10, iOS, WP7 and WP8

cordova CLI

Embedded WebView

Plug-in Interface

Page 23: Cordova 3, apps para android

Platform guide: Android1. Check the

2. Install

3. Append in the PATH enviroment:

4. Register as

System Requirements

Android SDK

[adt-path]/sdk/tools

[adt-path]/sdk/platform-tools

Google Play publisher

Page 25: Cordova 3, apps para android

Make your onw PluginsYou can lern how reading the and read how to

implement the native code in

plugin development guide

Android

Page 26: Cordova 3, apps para android

Platform PluginsYou can add a plugin to a specific platform using plugman directly

plugman --platform [PLATFORM] --project [PATH] --plugin [URL]

If you don't have plugman you can install globally:

npm install -g plugman

Page 27: Cordova 3, apps para android

Merges: customize each platformAll you put inside ./merges/[platform] will overide the files

placed in ./www/ in the specific platform