phonegap build, the quick and dirty way

19
Phonegap (Build) (Native, the quick and dirty way)

Upload: mogens-jacobsen

Post on 10-May-2015

246 views

Category:

Technology


1 download

DESCRIPTION

A guide to Phonegap Build for absolute beginners

TRANSCRIPT

Page 1: Phonegap Build, The quick and dirty way

Phonegap (Build) (Native, the quick and dirty way)

Page 2: Phonegap Build, The quick and dirty way

Phonegap / Cordova

• Phonegap started as free & open source.• Adobe acquired the technology.• This version is still open source and free: But now

named "Apache Cordova".• Adobe version is called Phonegap – and is build on

Cordova.• Adobe now offers a Cloud Service for using

Phonegap.

Page 3: Phonegap Build, The quick and dirty way

Cordova is rendered in a chromeless web view

Page 4: Phonegap Build, The quick and dirty way
Page 5: Phonegap Build, The quick and dirty way

Phonegap Build

You opload a everything in one ZIP file

Page 6: Phonegap Build, The quick and dirty way

How toSign up

at http://build.phonegap.com

Page 7: Phonegap Build, The quick and dirty way
Page 8: Phonegap Build, The quick and dirty way
Page 9: Phonegap Build, The quick and dirty way
Page 10: Phonegap Build, The quick and dirty way
Page 11: Phonegap Build, The quick and dirty way
Page 12: Phonegap Build, The quick and dirty way

https://build.phonegap.com

Page 13: Phonegap Build, The quick and dirty way

ZIPThe resulting output

Page 14: Phonegap Build, The quick and dirty way

Icon.png (128x128px)

Title

Link to info (reverse order!)

Version of you app

Version used of Cordova/PhoneGap

Description of your app

Page 15: Phonegap Build, The quick and dirty way

Making an IOS version requires an Apple Dev license

Page 16: Phonegap Build, The quick and dirty way

More control: config.xml<?xml version="1.0" encoding="UTF-8" ?><widget xmlns = "http://www.w3.org/ns/widgets"

xmlns:gap = http://phonegap.com/ns/1.0id = "dk.itu.test”version = "1.0.0">

<preference name="phonegap-version" value="3.3.0" /><preference name="orientation" value="portrait" />

<name>APP TITLE</name><description>test app</description>

<author href="http://itu.dk" email="[email protected]">YOUR NAME HERE</author>

<preference name="permissions" value="none" />

</widget>But you can’t mix config.xml and setting on site

Page 17: Phonegap Build, The quick and dirty way

NB Security on phones

Your phone might not let you install non-market apps (”unknown sources”).How to allow this, depends on your Android version.It might be something you can control in the settings of your phone.

Guide here:http://www.tech-recipes.com/rx/22616/android-allow-installation-of-non-market-apps/

Page 18: Phonegap Build, The quick and dirty way

Only one private app at time

So you might have to delete your app, before uploading a new project.

The delete-function on build.phonegap can be hard to find:• Go into your app by clicking on

the title.• Choose “settings” in the

horizontal menu.• At the bottom, you will find a

“Danger Zone” with a delete button.

Page 19: Phonegap Build, The quick and dirty way

The very very simple starter

• http://inflagrantedelicto.memoryspiral.com/2013/04/phonegap-starter-for-phonegap-build/